I would love feedback on my new site! :)

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.

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;
}
}

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

@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...

I don't know why you get that error. It should save the code even if it didn't work.