Jump to content

Section max-height with Fluid Engine

Recommended Posts

Hi all -

I am trying to find a way to apply a max-height, or height of 100vh for FE sections. I can easily adjust the section itself to max at 100vh, but I would like to be able to control the content so that when the veiwport is vertically squished, the content responds and adjusts with it (as much as possible).

 

In 7.1, I could easily pop in a max-height to the .content, .content-wrapper, or .sqs-row if needed, but because FE is built on a grid system, I'm struggling to add in a limit to the rows that is compatible with vh as a unit of measurement. 

 

I've included a test site example here (pw: test), where you can see the bottom button disappear when the viewport is squished up. 

Any thoughts? TIA!

Link to comment
  • Replies 0
  • Views 261
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.