When previewing my new site on mobile, I'm not thrilled with a few of the sections/modules on the homepage. For example, I have a small row of press logos underneath my hero image, and it looks great on desktop and tablet, but on mobile they render much bigger as 2x2x2 down a column, which is really long to scroll and not helpful.
Ideally I'd like to be able to simply hide modules on mobile, like you can on many web builders like Wix.
I expected my theme (Mesmerize) to have such a feature but I can't seem to find any documentation to this effect. I tried simply removing content while in the mobile view, but no, it removed it from the desktop view too (grr).
Is there an easy non-coding solution for this? Or if it involves coding, is it something I can cut-and-paste in? I hate to have to remove content just because of the mobile rendering since 75% of my visitors are on desktop. But I also don't want to have a bad mobile UX. Thanks in advance!
>*but on mobile they render much bigger as 2x2x2 down a column, which is really long to scroll and not helpful.*
Shrink them on mobile??
Learn to use `@media` CSS rules – they are the foundation of responsive design.