Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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!

    #858246

    Hey 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 Shannon

    #858249

    Yup, 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.

    #858251

    Hi,

    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 Shannon

    #858265

    So 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?

    #858544

    Hi,

    Do you mean you want to hide the main menu on post pages?

    Best regards,
    Jordan Shannon

    #858593

    Yes, 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;
    }
    
    
    #858629

    Hi,

    In place of the page id, use:

    
    .post

    to hide from posts.

    Best regards,
    Jordan Shannon

    #858637

    I 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;
    }
    #858639

    Hi,

    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 Shannon

    #858640

    Perfect, thank you Jordan!

    #858682

    Hi,

    No problem at all. Do you still need help or shall I close this thread?

    Best regards,
    Jordan Shannon

    #858693

    All done, thank you :)

    #858696

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Navigation Bar on One Page Main Site with 2 Additional Pages’ is closed to new replies.