Jump to content

change height of background image (top section of a sub page) on mobile only

Recommended Posts

Site URL: https://www.taisdacosta.com/graphicdesign/memoiredelavenir

I've tried a few of the answers here but was not able to fix my issue.

Each of my sub pages has a background image at the top section. I'd like to change their height to "S" for the mobile version, but when I do so, it also changes it on desktop.

If not possible to set it to "S", I'd simply like them not to be in portrait mode but in landscape, like the rest of the images on the page.


Screen Shot 2022-08-09 at 12.23.00 PM.png

Link to comment

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
body.collection-5e1c9fe5e04db85bbc452446.view-item article section:first-child {
    min-height: unset !important;
    height: 60vh;


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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.