Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The topic ‘Different Menu on Blog Page’ is closed to new replies.
Tagged: Blog, enfold, navigation
Hi there,
I am using Enfold to create a one-page website: http://test.rileysremodeling.com/test2
Because the primary navigation is #anchor links to sections on the homepage, I am having a hard time dealing with the navigation on blog posts. I tried one approach: domain.com/#link for the primary nav, but that didn’t work well. Instead of a smooth scroll on the homepage, it was choppy. I’d rather just hide the primary navigation on the post pages. And possibly on the blog archive. Is there an easy way to do this?
Really wanting to launch tomorrow if possible. Thanks for all your help!
Cheers,
Jaime
Hello jaimemerz!
You can add this on your custom.css or Quick CSS to hide the menu on the post page.
.single .main_menu div ul li {
display: none;
}
#top #menu-item-search {
display: block !important;
}
Cheers!
Ismael
Awesome – Thank you so much!!!
Can you also show me how to hide the navigation on the blog archive and category archive pages. We need it visible only on the homepage.
Thanks again!
Hi!
You can use this:
.archive .main_menu div ul li {
display: none;
}
Move this bit of code at the very bottom:
#top #menu-item-search {
display: block !important;
}
Regards,
Ismael
Thanks – that worked great for the category archives but not for the “blog” archive (all posts). Something we can add to make that go away (BUT REMAIN ON THE HOME PAGE).
Hey!
You could just hide the menu by default and then only show it on the home page.
#top .main_menu {
display: none;
}
#top.home .main_menu {
display: block;
}
Best regards,
Devin
Thanks guys! Devin, that’s that I’ll do. Really appreciate you help.