happyscone Posted April 5, 2021 Share Posted April 5, 2021 Site URL: https://paddlefish-blackbird-g477.squarespace.com/home 7.0 website I cant seem to get my mobile banners to adjust on mobile. Here is an example of the homepage banner on mobile, ideally I want the image with the logo to be resized/centered. I have tried inserting this CSS: @media screen and (max-width:600px) {.Index-page--has-image .Index-page-content { width: 100% !important; height: auto !important; }} https://paddlefish-blackbird-g477.squarespace.com/home pw: balance Link to comment
tuanphan Posted April 11, 2021 Share Posted April 11, 2021 Hi. Add to Design > Custom CSS > Then save & reload your site /* resize mobile banner */ @media screen and (max-width:640px) { section#introduction figure img { width: 100% !important; height: auto !important; left: 0 !important; min-height: Unset !important; min-width: unset !important; } section#introduction { min-height: Unset !important; height: 250px; } section#introduction .spacer-block { display: none; } } 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
happyscone Posted April 16, 2021 Author Share Posted April 16, 2021 This worked great, thank you! 🙌 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.