Archived topic
hide slider below navigation on mobile
5 replies · Started by Forum User on February 24, 2022
How can I hide the slider below the primary navigation on my mobile site (only)? https://usahypnosisassociation.org I am using an element with a shortcode.
Hi there,
You can use the built-in hide-on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
I do not think I can add custom css to an element? Please send me the CSS or code to add.
Hi there,
If there are no settings to add custom CSS in the plugin you used for this “element”, you can try adding this CSS instead:
@media (max-width: 768px) {
div#metaslider-id-359 {
display:none
}
}
This CSS removes this specific element on mobile.
Here is a link you may refer to with regards to adding CSS: https://docs.generatepress.com/article/adding-css/
Hope this helps! :)
After realizing that it might be possible, I wound up adding custom CSS to the plugin, which worked. Thanks Fernando.
You’re welcome! As mentioned in the previous ticket, feel free to reach out anytime if you’ll need assistance with anything else. :)