Jump to content

Reduce section height in mobile only

Recommended Posts

24 minutes ago, Gemma_mineralcreative said:

I've put a showreel video as a section background on the first section of the homepage. It works really well in pc / tablet view, but in mobile view I need it to be shorter so it can get more of the width of the video in.

Let me know if you need more info than that

Please help?

Hey @Gemma_mineralcreative try to add next code in Custom CSS:

@media only screen and (max-width: 500px) {
  [data-section-id="61d6caa9e2aa2b47466f825a"] {
    min-height: 70vh !important;
  }
}

 

Edited by SquareRefresh

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
19 minutes ago, Gemma_mineralcreative said:

Hi @SquareRefresh that reduces the height for all devices. I just want to reduce the section height for mobile view please.

Just update the code

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
5 minutes ago, Gemma_mineralcreative said:

I've saved the code you sent so you can see that it has changed the height for all devices

I edited my previous code You need just paste a new version.

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
@media only screen and (max-width: 500px) {
  [data-section-id="61d6caa9e2aa2b47466f825a"] {
    min-height: 70vh !important;
  }
}

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
2 minutes ago, Gemma_mineralcreative said:

This has worked thank you for your help!

Always happy to help!

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

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.