Okay
  Public Ticket #918207
Turn off Navigation Menu on Specific Pages
Closed

Comments

  • Kimika started the conversation

    How do you turn off navigation or hide the navigation menu on specific pages?


    *Using the Ecommerce template of the Salient Theme

  •  8,857
    Tahir replied

    Hey Kimika,

    Please have a look at this article: Create Landing Page (Remove Header / Footer per page )

    Thanks 


    ThemeNectar Support Team 

  •  2
    Bryan Bloom replied

    @Tahir, that is great thank you.  That shows how to remove the menu using custom CSS.  Now remember I am a novice so here is the next part of the question.  On those pages where you have removed the menu, can you add the menu that looks like the menu on the product demo?  See attachment  http://themenectar.com/demo/salient-product/

  •  8,857
    Tahir replied

    @Bryan, 

    You will have to turn on the Off Canvas Navigation in Salient Theme Options Panel and then use css to show hide the menu's .

    Cheers 


    ThemeNectar Support Team 

  • jennifer replied

    Follow up question to this, I added the CSS to remove the header/secondary navigation, but is there a way to make it reappear once someone starts scrolling back up?

  •  8,857
    Tahir replied

    Hey Jennifer, 

    Its possible only if you have Transparent Header Option turned on . Let us know your site url in a private ticket and ill write up the custom css for it. 

    Thanks.


    ThemeNectar Support Team 

  •  2
    Nora replied

    Hello Tahir,

    Is there a way to hide the navigation on the startpage entrance image, and as soon as the user starts scrolling down the menu appears?

    Thanks Nora

  •  8,857
    Tahir replied

    @Nora, please create a private ticket with the page urls where you wish to hide the header on initial page load. 

    Thanks 


    ThemeNectar Support Team 

  • Retromantic replied

    I followed the article to hide the header and footer but now there are large white gaps where they would be, whereas they need to be removed from the layout...

    Managed to get rid of the header, but the footer space is still there:

    http://sciencefictionspacecraft.com/

  •  1,882
    Judith replied

    Hi there,

    Thanks for writing back.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    @media only screen and (min-width: 1000px) {
        .wpb_row.vc_row-o-full-height.top-level, .wpb_row.vc_row-o-full-height.top-level > .col.span_12 {
            min-height: calc(114vh - 83px);
            margin-bottom: -38em ! IMPORTANT;
        }
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related

    If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

  •  8,857
    Tahir replied

    @Retromantic ,

    Try using the "No Header and Footer" Template to hide both without the extra spaces and additional CSS. See screenshot: 

    6636189107.png

    Thanks.


    ThemeNectar Support Team 

  •  2
    Nora replied

    But is there a way to get rid of the menu/header on loading the page, but as soon as you start scrolling down, the header with logo appears?

    Thanks

  •  8,857
    Tahir replied

    @Nora,

    Using the template wont show the header even if scrolled down. 

    Thanks 


    ThemeNectar Support Team 

  •  2
    Nora replied

    However, I NEED to have the header shown on scroll down/up only.

    So not when the page is loading, but a s soon as I start scrolling the header should appear.

    Thanks

  •  8,857
    Tahir replied

    @Nora,

    Please create a new ticket with your site url so we can help write up custom CSS.

    Thanks.


    ThemeNectar Support Team