Dear Kriesi Team,
for an desktop version of a landing page I put a codeblock element which disables scrolling. But for the mobile version scrolling is absolutely necessary. By hiding the column with the codeblock element for mobile devices doesn’t work, the scrollbar is still removed.
Do you see any possibility to hide the scrollbar for the desktop version but show it at mobiles?
Actually the problem is, that the two versions are very different from each other. At mobiles I don’t want the LayerSlider and the musicplayer. At desktop version I want the fullscreen slidshow with player and without scroll bar.
Hey lenalavendel,
Yes, this is possible with media queries. Here’s a reference for the next time you need it: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
To hide the scrollbar only for desktops (screens bigger than 990px) please try this code in your code block instead of the one you have now:
@media only screen and (min-width: 990px) {
html, body { height: 100% !important; overflow: hidden !important; }
}
To remove the Layerslider and music player from mobile, please add this code in your codeblock:
/* mobile only */
@media only screen and (max-width: 990px) {
div#layer_slider_1 {display: none;}
div#mp3jWrap_0 {display:none;}
}
Best regards,
Sarah
Great! Thanks a lot!
You’re welcome! We’re glad to help.
For other questions or issues, feel free to post them here on the forum and we will gladly try to help you.
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And we would appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads Thank you!
Thank you for using Enfold.
Cheers!
Sarah