supersizesocial Posted October 30, 2022 Share Posted October 30, 2022 Can someone help me to input a code that removes an image from my homepage, but only for mobile version. Check my homepage: supersizesocial.com The first thing you see at the top is our big logo next to the website title / subtitle. This is just a simple image block next to a text block. The image is our logo. It looks great on desktop but on mobile the logo appears underneath the text and doesn't look very good. I think it's best to just remove this logo image on mobile version all together. Can someone provide code on how to do this? When I try to remove it on the mobile version editor, it removes it on both mobile and desktop. Am I doing something wrong? Link to comment
tuanphan Posted November 4, 2022 Share Posted November 4, 2022 Add to Design > Custom CSS /* remove image on mobile */ @media screen and (max-width:767px) { div#block-dbbedb097b64bf313fc6 { display: none; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
supersizesocial Posted November 16, 2022 Author Share Posted November 16, 2022 This worked, thanks so much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment