Hi guys,
How do we hide elements on responsive? So in other words, if I don’t want an image, or text block displaying on ipad, what do I add to code? For phone?
Hi David!
You can set the element to display: none using CSS then insert the code on a media query. You can find an example on css > custom.css:
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
img { display: none } /* This will remove all images on mobile devices */
}
Best regards,
Ismael
Hey!
@vainshtein Please go to Enfold subforum and scroll to the bottom – https://kriesi.at/support/forum/enfold/#new-topic-0
And then please refer to my post here – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
Best regards,
Yigit