Dropdown navigation w/o header

Site URL: https://dodecahedron-orchid-lh4b.squarespace.com/home

Hi, if I disable header on the home/landing page, is there a way for me to create the sort of drop down menu I have there just now with custom css? I would like to use a fully featured header on the rest of the page and I can't find any way of doing this while having a clean landing page. 

Also, is there a way to pin the dropdown menu all the way to the right side of the page?

the site is: https://dodecahedron-orchid-lh4b.squarespace.com/home

PWD: PleaseHelp

Thanks a lot!

Hi. You want to hide default header on landing page?

Hi Taunphan, 

thanks a lot for responding!

I would prefer to have two separate headers but that doesn't seem to be possible. 

So what I'm thinking is hiding the default header on landing page - but I need a solution to create a drop down "menu" button instead, is that possible? 

The effect would be the following: 

-Single "MENU" button on top right, drop down on hover to reveal prints/bio/gallery/contact options 

Or

Keeping the header but finding a way to have the "Menu" folder top right, despite having social icons/cart etc. on the rest of the site 

Thanks a lot!

On 12/7/2021 at 5:30 PM, johnjb said:

Hi Taunphan, 

thanks a lot for responding!

I would prefer to have two separate headers but that doesn't seem to be possible. 

So what I'm thinking is hiding the default header on landing page - but I need a solution to create a drop down "menu" button instead, is that possible? 

The effect would be the following: 

-Single "MENU" button on top right, drop down on hover to reveal prints/bio/gallery/contact options 

 

Or

 

Keeping the header but finding a way to have the "Menu" folder top right, despite having social icons/cart etc. on the rest of the site 

 

Thanks a lot!

Keeping the header but finding a way to have the "Menu" folder top right, despite having social icons/cart etc. on the rest of the site 

You mean hide social/cart on /Home page only? Add this to Design > Custom CSS

body#collection-61acd7d71635812fe1dd7243 .header-actions.header-actions--right {
    display: none;
}