notagbacks86 Posted October 5, 2021 Share Posted October 5, 2021 Site URL: http://www.npcsa.org I'm using version 7.0 and the avenue template. We like how the home page looks on a computer, but we'd like the 'poster' image at the top to be full bleed on mobile. How can I do this with custom CSS? Link to comment
Beyondspace Posted October 6, 2021 Share Posted October 6, 2021 13 hours ago, notagbacks86 said: Site URL: http://www.npcsa.org I'm using version 7.0 and the avenue template. We like how the home page looks on a computer, but we'd like the 'poster' image at the top to be full bleed on mobile. How can I do this with custom CSS? Is this what you need to achieve BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted October 7, 2021 Share Posted October 7, 2021 On 10/6/2021 at 3:20 AM, notagbacks86 said: Site URL: http://www.npcsa.org I'm using version 7.0 and the avenue template. We like how the home page looks on a computer, but we'd like the 'poster' image at the top to be full bleed on mobile. How can I do this with custom CSS? Try adding to Design > Custom CSS > Then save & reload the site /* Fullbleed join us image */ @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1605389819930_4869 { padding: 0 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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