hellopanda11 Posted July 10, 2020 Share Posted July 10, 2020 (edited) 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 Edited July 10, 2020 by hellopanda11 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
Create an account or sign in to comment
You need to be a member in order to leave a comment