Return to previous page

Edit mobile version - by Annet - on WordPress WooCommerce support

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

Annet

Participant

August 4, 2019 at 10:35

Hi!

My website looks great at my laptop but as soon as I go to the mobile version it looks horrible :-). At the desktop version I’ve used a lot of margins, borders, paddings, etc to get the look that I want. These margins, borders, paddings, etc. don’t work for the mobile version. Is it possible to adjust the mobile version without adjusting the ipad/desktop version?

#218445 Copied Theme version: 5.4

3 Answers

Rose Tyler

Support staff

August 4, 2019 at 10:50

Hello,

These are “Responsive Options” http://prntscr.com/oo43go https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/
Also, I would recommend you not use large values in px or change them to vw https://www.w3schools.com/cssref/css_units.asp
You can create a block that will be visible on desktop or mobile only – http://prntscr.com/oo453m

Regards

#218446 Copied

Rose Tyler

Support staff

August 4, 2019 at 10:51

Do not forget to optimize images before uploading them on site – http://prntscr.com/oo45g5

Regards

#218447 Copied

Rose Tyler

Support staff

August 4, 2019 at 10:55

For example – https://xstore.8theme.com/demos/2/babyland01/contact-us/ http://prntscr.com/oo45ur

Regards

#218448 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Photographer – WordPress WooCommerce Theme

lazy-placeholder

Glasses Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille 03 – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.