Jump to content

Header overlapping gallery

Go to solution Solved by Lesum,

Recommended Posts

I added a code to customize desktop and mobile seperately

I used this code: 

@media only screen and(min-width:641px) {section[data-section-id="64ec927c1bee2b1a4ea28370"]{display:none}}

@media only screen and (max-width:640px) {section[data-section-id="64ec92a9c5e6c04a65f7a739"]{display:none}}

And it messed up the spacing on mobile for some reason

Anyone that could help?





Link to comment
  • Solution
Posted (edited)

@mvdison Here's the updated code:

@media only screen and (max-width:640px) {
	section[data-section-id="64ec9d16c1aa6f7fa14f883e"] {
		padding-top: 220px !important;
	.gallery-reel {
		min-height: 55vh !important;
	.gallery-caption-wrapper {
		overflow: visible;
	.gallery-caption-reel {
		min-height: 120px !important;
Edited by Lesum

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.