abitaylor Posted April 7, 2022 Share Posted April 7, 2022 Site URL: https://paddlefish-echidna-g6yw.squarespace.com I would also like to know how to better optimise my landing (home) page background photo. It words well for the desktop version but is decentred on the mobile app. Link to comment
derricksrandomviews Posted April 13, 2022 Share Posted April 13, 2022 This may work for you in custom css: Add to Home > Design > Custom CSS /* Resize home banner */ @media screen and (max-width:767px) { .homepage #page section:first-child { min-height: unset !important; height: 40vh; } /* h1 size */ .homepage #page section:first-child h1 { font-size: 30px; } /* h3 size */ .homepage #page section:first-child h3 { font-size: 14px; margin-top: 0 !important; } } Link to comment
abitaylor Posted April 22, 2022 Author Share Posted April 22, 2022 hi there, Thanks for this! I have copy/pasted the code into my custom CSS but I get a error msg: 'failed to save, please try again'. For info, I alrady have some custom code there for a 'scroll to top' button... I'm not sure if this is causing the issue. Should I just paste the code you have written out on the next free line, eg, after the last '}' ? Many thanks, Abi Link to comment
abitaylor Posted April 22, 2022 Author Share Posted April 22, 2022 @derricksrandomviews - I just had a go at inserting your code on its own (I temporarily removed the existing CSS code), but I still get the same error msg as above... Link to comment
derricksrandomviews Posted April 22, 2022 Share Posted April 22, 2022 I don't know why you get that error. It should save the code even if it didn't work. 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