Mobile Help

[Rahim]

Hi Harry,

How can I have two Image with Text element of Visual Composer in one row in mobile view?

Like this : http://take.ms/VPGj5

This is mine : https://monosnap.com/file/PwBiplTCn1fV8cNbp4Ots4I9GlSVAn

All images are full width and big and in one row.

If I have so many images and text, the user have to scroll so much.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please edit the column contain the text and image and follow this screenshot http://take.ms/7CsEP

Kind regards

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

[Rahim]

Hi Harry,

I edited the columns as you saild.

But it’s fixed for some of them in the beginings.

Could you please check?

Thank you.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry

And Also how can I fix these large empty spaces? http://take.ms/JywMY

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. For space between to element please edit padding of column

2. For space below element please add below code

@media only screen and (max-width: 736px) {
.product-category, .jas-banner {
	margin-bottom: 30px;
}}

Kind regards

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

[Rahim]

Hi Harry,

Did you check the mobile view of my home page?

2 columns are fine but after that they are not fine. http://take.ms/hUVbg

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Could you please try separate to 4 rows and 1 row contain 4 columns.

Kind regards

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

[Rahim]

Hi Harry,

I didn’t understand what you said. 🙁

This is mine :

Can you please have a look to the edit page : https://look.ir/wp-admin/post.php?post=4082&action=edit

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please try add 4rows like this http://take.ms/ttFei

Kind regards

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

[Rahim]

Hi Harry,

I did what you recommend. It’s much better now.

But one image and text is not following the others! http://take.ms/m0m4S

I also couldn’t reduce the space between the elements because all paddings are zero and the code you gave me :

@media only screen and (max-width: 736px) { .product-category, .jas-banner { margin-bottom: 30px; }}

Didn’t change anything!

Could you please help me to fix the homepage?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. It now i can’t access dashboard on your site. Could you send me the link and credentials to access

2. Please change number reduce 30 to 20 or number you want.

Kind regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

This account doesn’t have permission to edit with WPBakery PageBuilder http://take.ms/sw7n9

Could you help me change user language to English.

Thanks

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please go to User > Test > and edit change language for only this user.

Kind regards

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

[Rahim]

Hi Harry,

It’s done

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I try both account but can’t see PageBuilder element.

Could you change language of site to English.

The user change language to English but i still see your language.

Thanks

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

This reply has been marked as private.

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

[Rahim]

Hi Harry,

Could you please refresh again. Maybe because I was in the edit mode of the page it was like this. I just closed the Look.ir

Just try to ctrl+f5 once again and wait. 🙁

I will appreciate your support.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

This reply has been marked as private.

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

[Harry]

Hi Rahim,

It have javascript bug on backend so i can’t see http://take.ms/G117w

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

If you could access and adjust the bug of the homepage,

I would like to minimze the space between elements like this : http://take.ms/PvVNA

With so much regards.

Rahim

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

I just changed my ip via vpn from Iran to USA and had access to the wpbakery!

I don’t know why this happen from your side. 🙁

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

This reply has been marked as private.

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

[Rahim]

No Harry

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I see you change space between banner, it now ok.

For the banner break layout, could you try re-create this element.

I see noscript tag below the image, did you add this http://take.ms/8yC4Q

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

[Rahim]

Hi Harry,

I did this and checked all the settings of rows again.

and also replace this element with some others like that with duplicating.

But it’s still like this. 🙁

Can you please check it on your end again?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

http://take.ms/S1q32

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Harry, this element was in the 3th row.

I reordered that with draging and replaced it with the 4th row.

Any recommendation?

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

[Rahim]

Hi Harry,

Thank you.

It’s solved now.

The point is when I duplicate a whole row and put it instead of the row which has issue, it’s fine.

But when I edit the row which is okey with the images links that I want, this happen again.

Now it’s fine. But can you please tell me why this was happening ?

 

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

I don’t know after these changes this happen or not.

The scroll bar is so close to cart icon now :

http://take.ms/xjSqg4

Rahim Vaziri
CEO & Founder at Look.ir

[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,

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]

Hi Harry,

The css code in my reply is what I have added to the style.css of the child-theme.

and no question about this.

I just wana know that can these code reduce the space between cart and scroll bar?

Did you clear the cache?

 

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

I don’t know why it’s fine now. 😀

Thank you so much Harry.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Author]

Posts