Jump to content

Section's height on desktop and mobile

Go to solution Solved by ThomasLdo,

Recommended Posts

Hi everyone, 

I need some help and I'm terrible at coding. 

My first section's height on my desktop needs to be 100% (L in settings). However, on the mobile view, I need more control on the height. It looks like the setting is universal. I'd like some code that would help set both heights separately. 

Any thoughts or ideas on this?



Link to comment
  • Solution

I found a way. I had to find the ID of the section (I used inspect tool on my laptop to find it)

I added the following CSS: 

/* homepage section height mobile */
@media screen and (max-width:767px) {
[data-section-id="65398344041071fded703e9a"] {
    min-height: 50vh !important;

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.