Jump to content

How to have any bottom section auto-expand to fill the white gap on browser width resize?

Recommended Posts

Posted (edited)

Site URL: https://fish-mayflower-586h.squarespace.com/

I am struggling with pages that don't have enough content to fill the vertical height, when the browser window width is resized to between 1025px - 1672px wide.

I would like the highlighted section in the reference image to auto-expand its black background color if the viewport is resized to 1025px - 1672px, to prevent the white gap between the section and the footer.

I only need this fix for desktop, as for tablet and mobile this is not an issue with the current media-queries.

Any help is much appreciated! Thank you!

Site: https://fish-mayflower-586h.squarespace.com/collection PW: testing78

 

image.png

Edited by Dada78
Image reference updated
  • Replies 0
  • Views 358
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.