Return to previous page

Mobile Responsive - by bkwyattjr - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 5 years, 7 months ago ago by Olga Barlow

bkwyattjr

Participant

April 4, 2019 at 16:13

Anytime I make a change in the mobile view and responsive, it alters the desktop version as well. How can I make this not happen?

Please, contact administrator
for this information.

#212004 Copied Theme version: 4.7.3

6 Answers

Olga Barlow

Support staff

April 4, 2019 at 16:25

Hello,

Are you talking about Revolutions slider? Or about WPBakery column settings?

Regards

#212008 Copied

bkwyattjr

Participant

April 4, 2019 at 16:36

WPBakery column settings.

#212010 Copied

Olga Barlow

Support staff

April 4, 2019 at 16:47

Hello,

Very likely you change the width and keep the default options for the desktop that inherits with from smaller, for example http://prntscr.com/n7i5hc If you change the width of the table then choose the individual width for the desktop device, for example http://prntscr.com/n7i65a

Regards

#212013 Copied

bkwyattjr

Participant

April 4, 2019 at 17:13

I tried both and it seems to work for some of the columns. On some columns though, I have some padding and margin edits for the design. In the mobile, those affect whether they’re centered or not. But if I edit the padding in the mobile, it also changes it in the desktop.

#212014 Copied

Olga Barlow

Support staff

April 4, 2019 at 17:31

Hello,

WPBakery page builder does not have options to edit padding/margin for the mobile devices only. Use vw, vh,% instead of px units to get better results for both desktop and mobile device, or combine for example margin in px and padding in vw. Then you won’t get the critical difference. I have created an example.

Also, every column that includes content has the default WPBakery padding – 35px, use options to remove it if you don’t need it http://prntscr.com/n7ir9b
The same situation with the WPBakery elements, like text or image, for example. Elements have default margin-bottom that you can remove (set to 0) just using element settings and Design tab.

If you have row with columns and want vertically align content use Equal height + Content position options http://prntscr.com/n7ism9

Regards

#212017 Copied

Olga Barlow

Support staff

April 4, 2019 at 17:37

P.S. For the headings where you plan the big font-size we would recommend Headings element + its responsive options http://prntscr.com/n7ivkr

Regards

#212018 Copied
Viewing 7 results - 1 through 7 (of 7 total)