Edit navigation style on homepage only

I want to have a dynamic (no background) rather than solid navigation style on the homepage only. 

https://ranunculus-carrot-mpx5.squarespace.com/

pw: Galway2023

Add to Design > Custom CSS

/* Homepage Header */
body.homepage .header-background-solid {
    opacity: 0 !Important;
}

5 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Homepage Header */
body.homepage .header-background-solid {
    opacity: 0 !Important;
}

 

Smashing Tuan! 

Can you tell me how I can make the font white including the button (border and font) on the homepage only? 

Thanks again

Also Tuan, is it possible for the header to scroll back on the homepage only too? 

22 hours ago, DreamrW said:

Smashing Tuan! 

Can you tell me how I can make the font white including the button (border and font) on the homepage only? 

Thanks again

Where is button?

Add to Design > Custom CSS

/* Homepage Header */
body.homepage div.header-nav-item a {
    color: white !important;
}

22 hours ago, DreamrW said:

Also Tuan, is it possible for the header to scroll back on the homepage only too? 

You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only

23 hours ago, tuanphan said:

Where is button?

Add to Design > Custom CSS

/* Homepage Header */
body.homepage div.header-nav-item a {
    color: white !important;
}

 

You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only

That's there now - I have it on fixed position - basic, site wide. 

If i can get rid of the fixed menu on the homepage only that would be ideal...

On 3/12/2023 at 1:47 PM, tuanphan said:

Where is button?

Add to Design > Custom CSS

/* Homepage Header */
body.homepage div.header-nav-item a {
    color: white !important;
}

 

You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only

How do I make the burger menu on mobile white on the homepage also please? 🙏

4 hours ago, tuanphan said:

Use this code

@media screen and (max-width:767px) {
	body.homepage .burger-inner>div {
	background-color: white !important;
}
}

 

This is super Tuan, you're a legend 🤙

On 3/12/2023 at 1:47 PM, tuanphan said:

Where is button?

Add to Design > Custom CSS

/* Homepage Header */
body.homepage div.header-nav-item a {
    color: white !important;
}

 

You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only

I've set the menu to scroll back site wide Tuan - can you tell me how I can make it fixed on all but the homepage please?

On 3/21/2023 at 2:19 AM, DreamrW said:

I've set the menu to scroll back site wide Tuan - can you tell me how I can make it fixed on all but the homepage please?

To disable sticky header on homepage only, add this to Design > Custom CSS

body.homepage header#header {
    position: absolute !important;
}

On 3/25/2023 at 3:25 AM, tuanphan said:

To disable sticky header on homepage only, add this to Design > Custom CSS

body.homepage header#header {
    position: absolute !important;
}

 

Thanks a million Tuan!