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
Solution tuanphan Posted April 11, 2021 Solution 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 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
happyscone Posted April 16, 2021 Author Share Posted April 16, 2021 This worked great, 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