hellopanda11 Posted July 10, 2020 Share Posted July 10, 2020 Site URL: https://mattie-courtright.squarespace.com/kennedy-school Hi There, I'm working on a site with banner images that have embedded text. This proposes an issue when viewed on mobile devices, as it crops the banner image. It would be ideal if I could hide site-wide the banner images when viewed on a mobile device. Specifically I'm trying to hide the banners on mobile for a group of pages within a folder, but am fine with hiding them site-wide if that is easier to implement. // Additionally I might need to know how to code the hamburger menu to become black so it is still viewable on the white background pages. Template: BedfordSite: https://mattie-courtright.squarespace.com/kennedy-schoolGoal: Hide banner images on mobile view, site-wide* Example of current mobile view of cropped page banner attached Link to comment
tuanphan Posted July 11, 2020 Share Posted July 11, 2020 Add to Home > design > Custom CSS @media screen and (max-width:640px) { .banner-thumbnail-wrapper img { opacity: 0; } } 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.