Jump to content

How can I make only the homepage navigation adaptive?

Recommended Posts


I have a video on the home page that I would like to fill the entire screen. I tried to use the adaptive navigation header to do this but I'm getting the following error when I do this:

body.homepage article section:first-child { padding-top: 0px !important; } body.homepage .header-background-solid { background-color: transparent !important; }

It also makes the navigation adaptive on every page when I would like to keep it a solid grey. 

Could anyone help me with how I can fix this error and get only the home page to be adaptive? 

Thank you!




Link to comment
  • Replies 3
  • Views 386
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 5/13/2024 at 3:55 PM, CreedAus said:

Sorry I thought I had included it. It is:


Thank you

You mean make this video fill up width of screen? I think you can consider using Video Section Background, so it will fill up without using code (But if you still want to use code, let me know, I will check again and give you code).


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.