Return to previous page

How can I avoid having my background picture visible on slider revolutopm

This topic has 4 replies, 3 voices, and was last updated 2 years, 5 months ago ago by Awais Ahmed

mariangio

Participant

September 1, 2022 at 10:33

HI. I have created a layer for the cellphone display of the background photo following their website recommendation but I can still see at the end of the slide, the photo that is meant to be for computer and laptop display.
How can I avoid showing that background picture on mobile phone. Thanks!
https://www.sliderrevolution.com/faq/display-different-images-on-different-screen-sizes/

#332949 Copied Theme version: 7.4.0 WooCommerce version: Version 4.7

3 Answers

Rose Tyler

Support staff

September 1, 2022 at 13:01

Hello,

Provide temporary wp-admin access, so we can take a closer look at your settings.

Regards

#332967 Copied

mariangio

Participant

September 2, 2022 at 05:30

`Hi, Here the access

Please contact administrator
for this information.

#333017 Copied

Awais Ahmed

Participant

September 2, 2022 at 07:05

Hello, @mariangio,

Alright, I have checked your issue and found that on mobile when the next image slide, in between, the desktop image appears just for a moment. It is because you added a mobile image using an image element in the slider as you can see in the image: https://postimg.cc/rdrGvv32 and the desktop images are set on the slider background so that’s why when the elements scroll or slide, the background thing will appear until the elements scrolls or slide completely. The visibility option is for the elements like if there is a text that you don’t want to show on mobile you can use this option but this option will not work for the backgrounds as you can see in this image: https://postimg.cc/3y1rJwPX

So the thing is if you want to show a different image for mobile and desktop you have to create two sliders and then set both sliders on the site. I can see that you are using an element in the page to set the slider as you can see in this image: https://postimg.cc/WdvC5c4C now to show different sliders you have to add two sliders on the page and in the column settings of the page builder you can hide the slider from the specific devices. I have made a video for your please watch it complete for a better reference: https://streamable.com/q6ihwx

Regards 8Themes Team.

#333029 Copied
Tagged: avoid, background, revolution, slider, template, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)