Best place to apply Bootstrap classes
Permalink
Hi!
I want to hide a couple elements of my site and add a couple media queries. I normally use bootstrap's hidden-xs class. If I want to apply them to a specific block, where is the best place to apply that to single it out. For instance, an image block doesn't stack well in mobile and looks funky (and isn't a necessary element), but looks good in desktop view. I would like to not load it at all, but using display: none; works for me too. Best place for it?
Cheers!
I want to hide a couple elements of my site and add a couple media queries. I normally use bootstrap's hidden-xs class. If I want to apply them to a specific block, where is the best place to apply that to single it out. For instance, an image block doesn't stack well in mobile and looks funky (and isn't a necessary element), but looks good in desktop view. I would like to not load it at all, but using display: none; works for me too. Best place for it?
Cheers!
in "Design & Custom Template" click on "shadow and rotation" – there you can set device visibility. see screenshot.
I learn something new on the forums everyday. I've built at least six sites using C5 5.7+ this year and never noticed that was there. Thanks a ton for the screenshot. Definitely simpler than searching for the id in dev tools and adding custom CSS.
I do have a question...is it normal for this feature to not work? I am working on this demo sitehttp://demo.hdministries4u.org/... (and am trying to hide the slider on the homepage and the logo on the top, right in mobile). When I check in the mobile they're still there after I have published the changes.
slider is gone @xs, but the logo is still there. maybe empty cache?
