Jump to content

Dynamic header only on homepage

Recommended Posts


I want my website to have a dynamic (transparent) header on the homepage but a solid colour header (hex: #153643) on all other pages.

URL is: eshertennis.co.uk

I'm trying to use the following code which I found on another thread. But unfortunately it isn't working for me.

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

Does anyone have any ideas?

Thanks in advance!

Link to comment
  • Replies 1
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

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.