Return to previous page

Slider full responsive - by Eduard - on WordPress WooCommerce support

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

Eduard

Participant

March 20, 2019 at 22:29

hello, please help me to configure the slider on the desktop mode and the mobile mode as in this image: desktop mode 1280×416 px and mobile mode responsive but as in the picture below.

mobile: https://prntscr.com/n0p93z
desktop: https://prntscr.com/n0p95l

Thank you very much

Please, contact administrator
for this information.

#211236 Copied Theme version: 5.1.6.1 WooCommerce version: 5.1.1

1 Answer

Olga Barlow

Participant

March 21, 2019 at 11:21

Hello,

1) If you use the image as the bg image for the slider + background size “cover” you need to understand that image will be cropped on different devices because background size “cover” works in this way https://cssreference.io/property/background-size/
2) We would recommend you to try the Revolution Slider to create slider and there you’ll be able to manage the grid size for the mobile device and desktop https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout

Regards

#211255 Copied
Viewing 2 results - 1 through 2 (of 2 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

Shoes Store – WooCommerce Theme

lazy-placeholder

School – WordPress Theme

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Babyland 01 – WordPress WooCommerce Theme

lazy-placeholder

Plants Store – WordPress WooCommerce Theme

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

BookStore – WordPress WooCommerce Theme

lazy-placeholder

Artmaxy Store – WordPress WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Medical 02 – WordPress 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.