- This topic has 13 replies, 3 voices, and was last updated 6 months, 2 weeks ago by
Tom.
-
AuthorPosts
-
August 4, 2020 at 9:06 pm #1387675
Robin
In the category of “now what?”
I’ve set the navigation up so that it’s always in mobile mode, and you helped me style it.
Now, I’d like for the home page to have the menu in its toggled state (without being able to be un-toggled), and every other page will just be as it is: click to toggle the menu on/off.
Is that possible?
August 5, 2020 at 5:47 am #1388087David
StaffCustomer SupportHi 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; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 5, 2020 at 9:29 am #1388467Robin
thank you!
August 5, 2020 at 3:54 pm #1388813David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 5, 2020 at 5:10 pm #1388842Robin
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… ?
August 5, 2020 at 5:58 pm #1388860Robin
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
August 6, 2020 at 1:02 am #1389091David
StaffCustomer SupportYou 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 6, 2020 at 11:47 am #1390015Robin
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!
August 6, 2020 at 2:16 pm #1390219David
StaffCustomer SupportDon’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.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 6, 2020 at 4:07 pm #1390349Robin
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…
August 12, 2020 at 12:21 pm #1399540Robin
any ideas as to why my header element doesn’t work for what I want?
August 12, 2020 at 2:17 pm #1399706Tom
Lead DeveloperLead DeveloperIs this happening on a specific page? I’m not able to see the issue.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 12, 2020 at 2:49 pm #1399750Robin
I have stopped using the header element because I couldn’t get it to work
August 13, 2020 at 10:02 am #1401308Tom
Lead DeveloperLead DeveloperNo problem – let us know if you’re still having trouble accomplishing what you’re after 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.