Jump to content

Reducing background image and carousel heights on mobile

Recommended Posts

Site URL: https://kristelandnic.com/

I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. 

@tuanphan you probably might know how to resolve this. 

Thanks in advance!!

Screen Shot 2020-05-18 at 11.38.28 AM.png

Screen Shot 2020-05-18 at 11.44.14 AM.png

Edited by narnado
Link to comment

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5ea608f7cffe7b1a43965b2d"] {
    min-height: 30vh !important;


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.