Hello, I have icons on the “sort by” navigation on the masonry gallery thanks to a Qick CSS that you guys provide me.
But when I’m on mobile it just don’t work visually for me, so I wanted to hide it when mobile
Also if there is a way to hide the “Element Title and Excerpt” on each item when mobile, I activate the “On mouse hover” but also, in mobile, visually don’t work for me because it covers almost half of the image.
Thanks advanced!
Hi Armando!
Surround the CSS your using for that with this.
@media screen and (max-width: 767px) {
}
Add this to hide the info on mobiles.
@media screen and (min-width: 767px) {
.av-masonry-entry figcaption {
display: none !important;
}
}
Best regards,
Elliott
Thanks Elliot for the code, but it’s not what I wanted, the sort by navigation turns into text instead of the icons that where showing; I need to hide the entire sort by navigation when mobile (not even icons or text to show)
the code for hide info on mobiles doesn’t work, it does hide the info but in desktop, and mobiles it is still showing it
Regards!