Search Results for 'vc_col-sm-3'

[Rahim]

I am looking deeper for the reason of this code on my style.css of child theme.

.vc_col-sm-3 {
display: inline-block !important;
float: none !important;
}

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

And also this is the code you gave me :

/* space between image and text in homepage */ .product-category, .jas-banner { margin-bottom: 20px !important; } @media only screen and (max-width: 736px) { .product-category, .jas-banner { margin-bottom: 1px !important; } .home .vc_column_container>.vc_column-inner { padding-left: 5px !important; padding-right: 5px !important; }} .home .vc_col-sm-3 { float: none !important; display: inline-block; }

Most of my pages are duplicate of the homepage so this .home will not work for me.

but now it’s active if you wana check.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

I know already about these topics.

According to this link : http://support.janstudio.net/forums/search/vc_col-sm-3/

I see that you didn’t give me this, and also remember you gave the change of the code to fix the issue in mobile.

Earlier days I had a freelance designer for css who I don’t have access to him anymore.

I want to know what is the reason of this code?

Because of this code which is fixing my mobile view, My elements are reversed. and images and text have different spaces in mobiles and the mobile view of the browser doesn’t show that and this is not related to the cache.

When I comment this code, while I have issue for the mobile view, but the space is the same on all devices.

At bellow the code is active.

iphone x : https://monosnap.com/file/5FDY82nGKDVVzo2f8tAYxgSFJ5iyBp

samsung note 4 : https://monosnap.com/file/G1fwFZu8hTNe5qqdKCIZUAXpdbDuCk

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I check on my browser the position of cart still the same.

You should change css to

/* space between image and text in homepage */
.product-category, .jas-banner {
margin-bottom: 20px !important;
}
@media only screen and (max-width: 736px) {
.product-category, .jas-banner {
margin-bottom: 1px !important;
}
.home .vc_column_container>.vc_column-inner {
padding-left: 5px !important;
padding-right: 5px !important;
}} 

.home .vc_col-sm-3 { float: none !important; display: inline-block; }

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

/* space between image and text in homepage */
.product-category, .jas-banner {
margin-bottom: 20px !important;
}
@media only screen and (max-width: 736px) {
.product-category, .jas-banner {
margin-bottom: 1px !important;
}
.vc_column_container>.vc_column-inner {
padding-left: 5px !important;
padding-right: 5px !important;
}} 

&

.vc_col-sm-3 { float: none !important; display: inline-block; }

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please change below css

.vc_col-sm-3 {
	float: right !important;
}

to

.vc_col-sm-3 {
	float: none !important;
	display: inline-block;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio