Hello
I would like to completely hide the slider on my website when in responsive? I’m using the regular Enfold Slider and not Layerslider.
Thank you for the necessairy css
Best,
Sam
Hi Sam!
Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Cheers!
Yigit
Thanks Yigit,
I copied this code into the css panel:
add_theme_support(‘avia_template_builder_custom_css’);
But the custom css doesn’t show up in the menu of the fullwidth-slider. I can’t place the slider module into a color section
Thanks for your help!
Sam
Hi!
In that case you can give your color section element a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS
@media only screen and (max-width: 990px) {
#your-unique-id { display: none !important; }}
Regards,
Yigit
Yigit,
I tried that as well but I cannot place the slider module into the color section. This is a major issue because the slider does not look good in responsive.
Help is much appreciated
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) {
.home #full_slider_1 { display: none !important; }}
Best regards,
Yigit
Thanks but the code is not working. Is the code correct?
Thanks a lot for your help!
Sam
Hey!
The code should hide the slider on screens smaller than 990px. Where did you add the code? Please post the login details here so that we can check it.
Cheers!
Ismael
Hey guys,
Thanks a lot, it actually works now. I must’ve had messed up in the css panel. Sorry to bother you!
Best,
Sam
Hey!
We are glad you got that short out!
Btw, If you have a moment, I would very much appreciate if you could quickly rate the Enfold to themeforest, which wiII heIp us keep the deveIopment up!
Please do not hesitate to contact us, if you do need anything else.
Best regards,
Basilis