Return to previous page

Mobile layout adjustment - by vincentdv - on WordPress WooCommerce support

This topic has 9 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

vincentdv

Participant

March 18, 2021 at 13:36

Hi, may I know what is the way to adjust mobile layout?
I use some margin to achieve certain design on desktop, it looks great.
But on mobile layout it looks terrible.

1. May I know how can I edit my mobile layout on certain pages?

2. Quickview button on my mobile interface has blocked some part of my product images, may I know is it possible to have different quickview layout for desktop and mobile? or how can I solve the issue of blocking images?

Please, contact administrator
for this information.

#279990 Copied Theme version: 7.4.2

8 Answers

Rose Tyler

Support staff

March 18, 2021 at 15:51

Hello,

Provide URLs and temporary wp-admin access, so we can take a closer look.

Regards

#280005 Copied

vincentdv

Participant

March 18, 2021 at 16:14

Okay. as attached.

I would need help on setting mobile layout for my homepage and the quickview on mobile layout problem.

Regarding the mobile layout of homepage slider, I know where to set it.
Please help, thank you.

Please contact administrator
for this information.

#280012 Copied
Rose Tyler

Support staff

March 18, 2021 at 16:31
1. Theme options > General > WPBakery Responsive CSS Box-Module > On. Edit page > change these paddings – http://prntscr.com/10p6k6i – http://prntscr.com/10p6lic
Also, check this article – https://kb.wpbakery.com/docs/learning-more/responsive-settings/
2. Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile:

.product-view-default .footer-product .show-quickly { font-size: 10px; padding: 5px; } .product-view-default .footer-product { margin-bottom: -20px; }

Regards
#280014 Copied
vincentdv

Participant

March 18, 2021 at 19:49

Thank you very much for your prompt response.

Sorry I do not understand about the screenshot. I go to front end editor and which section should I edit? If I click mobile view on WPbakery frontend editor, I can hardly choose any section. I tried to use dekstop view and changed the column padding, yet unsuccessful.
Whenever I changed something, the photo and paragraph in the section disappeared on mobile view.

It’s really hard for me.
May I know is there any other way to have auto responsive mobile layout? I feel I can’t complete this.

Besides, I have solved problem no.2

#280046 Copied

vincentdv

Participant

March 19, 2021 at 06:19

Hello, it’s okay, I have rebuild using Elementor.

#280068 Copied

Rose Tyler

Support staff

March 19, 2021 at 07:58

Hello,

Feel free to ask if you have any other questions.

Regards

#280073 Copied

vincentdv

Participant

March 19, 2021 at 08:54

Hi good day,

May I know how to change the icon color and hover color of “8theme social links”?
I am using Elementor currently.

login as attached.

Thank you

Please contact administrator
for this information.

#280086 Copied

Rose Tyler

Support staff

March 19, 2021 at 09:28

Hello,

Use this element http://prntscr.com/10pqe8g , it has Style settings that allow changing Icons color.

Regards

#280098 Copied
Viewing 9 results - 1 through 9 (of 9 total)