-
Posts
-
It seems like it’s doing the opposite (appearing when the screen is smaller).
The code I have in Quick CSS:
/*HIDE ON DESKTOP*/ #gridrowresearchagenda{display: none !important;} @media only screen and (max-width: 767px) { /*HIDE ON MOBILE*/ #codeblockresearchagenda{display: none !important;} /*SHOW ON MOBIL*/ #gridrowresearchagenda{display: block !important;} }Thank you for your help!
My apologies, here is the URL:
The first section appears when you shrink the browser window, it should be the opposite.
The second section and so forth on the page is working properly (they appear on mobile and are collectively named #gridrowresearchagenda)
Hi,
It looks like you have 7 sections with the same ID #gridrowresearchagenda, basically your whole page, yet I don’t find and sections with the ID #codeblockresearchagenda ?
Your code above says to hide #gridrowresearchagenda for all sizes above 767px, and show below (mobile).
If you want to do the opposite and only show #gridrowresearchagenda above 767px, please remove all of the above code and try:@media only screen and (max-width: 767px) { #gridrowresearchagenda{display: none !important;} }If you add a ID #codeblockresearchagenda and you only want to show on mobile please add:
@media only screen and (min-width: 767px) { #codeblockresearchagenda {display: none !important;} }Best regards,
MikeI believe the first section was labeled incorrectly.
It’s working perfectly now, thank you so much for troubleshooting!
- The topic ‘Hide Section on Mobile not Working’ is closed to new replies.