Jump to content

Section's height on desktop and mobile

By ThomasLdo, in Customize with code

Go to solution Solved by ThomasLdo,

Recommended Posts

ThomasLdo Level 4

ThomasLdo

Posted
Posted

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?

Cheers, 

Thomas

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

ThomasLdo
ThomasLdo

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-wid

  • Solution
ThomasLdo Level 4

ThomasLdo

Posted
  • Author
  • Solution
Posted

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources