Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
You can achieve this two ways. There is a Mobile section in the Slider Settings. You can enable the Hide on mobile option to prevent the slider from showing on mobiles and tablets.
The other method is to use the Hide under option in the same section. You can add a size there, and the slider will only appear above that value. So you can limit it to (larger) desktop screens.
Thank you for the feedback. Which white space are you referring to exactly ? Could you please show us a screenshot of it ? Also, on what device/browser does it occur exactly ?
Thank you for the feedback. We've checked on it again and we believe that the parent element of the slider receives a margin/padding that generates the gaps. Unfortunately we are not able to locate what is responsible for the margins/paddings exactly. Could you please try to insert the slider differently or into a different parent element to see if that works ? You could also try to switch to a default WP theme temporary, to see if it's related to your theme.
Hi,
1. How do you make a slider only show on a mobile device?
2. How do you make a slider only show on a desktop?
Thank you very much
Hello perryjames123,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
You can achieve this two ways. There is a Mobile section in the Slider Settings. You can enable the Hide on mobile option to prevent the slider from showing on mobiles and tablets.
The other method is to use the Hide under option in the same section. You can add a size there, and the slider will only appear above that value. So you can limit it to (larger) desktop screens.
Hi Attila,
Thanks for your response. I've tried this method but for some reason when the slider is hidden it produces a little whitespace.
How do you eliminate the white space?
Cheers
Thank you for the feedback. Which white space are you referring to exactly ? Could you please show us a screenshot of it ? Also, on what device/browser does it occur exactly ?
Hi Attila,
Here are some screenshots of the mobile and the desktop version as the issue occurs on both.
This is happening on google chrome and on safari on iphone, and firefox on desktop.
Thank you for the feedback. The gaps are caused by Visual Composer.
The problem is with the .wpb_content_element class. It has a margin applied that generates the gaps:
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 35px;
}
I made a page that doenst use visual composer and the same thing happened.
https://flexibuy.com.au/test3/
I tried to disable Visual Composer to see if that would fix it and the white blocks where still there.
Thanks!
Thank you for the feedback. We've checked on it again and we believe that the parent element of the slider receives a margin/padding that generates the gaps. Unfortunately we are not able to locate what is responsible for the margins/paddings exactly. Could you please try to insert the slider differently or into a different parent element to see if that works ? You could also try to switch to a default WP theme temporary, to see if it's related to your theme.