-
AuthorPosts
-
September 28, 2017 at 11:17 pm #858245
I have created a one page site, but need to have 2 additional pages (thermal oxide and news). The navigation menu obviously doesn’t work on the thermal oxide and news page since each of the links are set for sections on the main page rather than separate pages. Because of that I’ve disabled the navigation bar on both the thermal oxide and the news page. However, the News page is a blog page which means that all of the blog posts will require me to add CSS to hide the navigation bar on those pages as well.
Is there a better solution? If I can have 2 separate navigation bars that would be ideal. One for the main homepage that is parallax and then one for the additional pages that are regular (thermal oxide, news, all blog posts).
Thank you!
September 28, 2017 at 11:21 pm #858246Hey sjahan,
Have you adding custom links to the the links that need to navigate off the page? Also, you can think of trying the Fullwidth SubMenu element.
Best regards,
Jordan ShannonSeptember 28, 2017 at 11:29 pm #858249Yup, I’ve used the custom links for the homepage menu items and then regular page links to the separate pages. Everything works fine if you’re on the homepage. The problem will arise if you’re on a page other than the homepage because the custom links (Ex. About) won’t work since it’s linking to a section of the homepage.
Screenshot of Menu: https://imgur.com/a/abxbW
I’m not familiar with the Full Width Submenu element… Is that what I should be using? I’ve put the login credentials in the private content. Thank you.
September 28, 2017 at 11:36 pm #858251Hi,
You mentions having 2 navigation bars would be ideal. The FullWidth Submenu gives you the option to do so. https://snag.gy/6g5CUq.jpg
You simply drag into the page and can build a simple menu linked wherever you need it to be. Give it a try and let us know if it works for you.
Best regards,
Jordan ShannonSeptember 29, 2017 at 12:10 am #858265So this would work. I could just use this on the homepage and disable the main menu for that specific page. The issue though is that style wise it doesn’t look like the main menu. I would need it to be located and behave exactly like the main menu that I have in place =/
Would it be easier to just block the main menu on all post pages?
September 29, 2017 at 5:22 pm #858544Hi,
Do you mean you want to hide the main menu on post pages?
Best regards,
Jordan ShannonSeptember 29, 2017 at 7:54 pm #858593Yes, that is correct. I’ve set it up so that it hides on specific pages with the following code, but I need to hide it on every post page as well so that I don’t have to go in and write up specific code for each post.
/*Hide Menu Bar on Thermal Oxide Page*/ .page-id-415 nav.main_menu { display: none!important; } .page-id-415 #advanced_menu_toggle { display: none !important; }
September 29, 2017 at 10:41 pm #858629Hi,
In place of the page id, use:
.post
to hide from posts.
Best regards,
Jordan ShannonSeptember 29, 2017 at 11:07 pm #858637I tried the following and it didn’t work.
/*Hide Menu Bar on Post Pages*/ .post nav.main_menu { display: none!important; } .post #advanced_menu_toggle { display: none !important; }
September 29, 2017 at 11:14 pm #858639Hi,
Apologies, try:
/*Hide Menu Bar on Post Pages*/
.single-post nav.main_menu {
display: none!important;
}.single-post #advanced_menu_toggle {
display: none !important;
}Best regards,
Jordan ShannonSeptember 29, 2017 at 11:19 pm #858640Perfect, thank you Jordan!
September 30, 2017 at 7:40 am #858682Hi,
No problem at all. Do you still need help or shall I close this thread?
Best regards,
Jordan ShannonSeptember 30, 2017 at 8:09 am #858693All done, thank you :)
September 30, 2017 at 8:14 am #858696Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Navigation Bar on One Page Main Site with 2 Additional Pages’ is closed to new replies.