home page menu in toggled state, how to

Hi there,

change this CSS:

#site-navigation.toggled .main-nav>ul {
    max-width: 200px;
    margin-left: auto;
    background: transparent;
    padding-top: 2%;
}

to:

#site-navigation .main-nav>ul {
    max-width: 200px;
    margin-left: auto;
    background: transparent;
    padding-top: 2%;
}

then add this CSS:

.home .main-navigation ul {
    display: block;
}
.home .main-navigation.has-branding .menu-toggle {
    pointer-events: none;
}

thank you!

You're welcome

One last detail: if someone (for whatever reason) makes their browser window shorter, the word "MAIDEN" disappears behind the menu.

I know we have set the background to transparent, so... ?

I did try adding "background: transparent" to the css you provided, also to #primary-menu, and everything else I thought might apply.

Tried z-index.

"MAIDEN" still disappears under the menu

You will need to create a Header Element:

https://docs.generatepress.com/article/header-element-overview/

DO Not add any hero content - just skip to the Site header tab and select Merge with content.

When I make a header element, put in a comment for content, go to header, merge with content, the navigation menu and logo disappear.

What am I missing?

Thank you!

Don't add anything to the Hero content. Just set the Site header to merge with content.
Then make sure all the navigation colors in that same tab are set to transparent.

here's what I've done for the header element

logo and menu still disappear

(I can see where the transparent menu will be a problem on interior pages, and I will bring that up with my friend today... Assuming I can control the size of the menu overlay?)

. . .

I don't know where I've gone wrong...

any ideas as to why my header element doesn't work for what I want?

Is this happening on a specific page? I'm not able to see the issue.

I have stopped using the header element because I couldn't get it to work

No problem - let us know if you're still having trouble accomplishing what you're after :)