1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

CSS to hide nav before scroll on homepage

Discussion in 'Basic Support Forum' started by Lauren, Nov 7, 2018.

  1. Lauren

    Lauren New Member
    Divi Ultimate Header Plugin

    HI There,

    Am using your header style 1 with following customisation from other forum replies to keep secondary nav visible:

    #top-header {
    display: block!important;
    }

    I want to hide the nav on the homepage until scroll - have checked option in divi but this doesn't seem to apply in your code. What is the CSS to hide nav until scroll just on the homepage?

    Also, how can I keep the secondary nav visible on all other pages as it disappears once I scroll is there additional CSS needed? I'd be ok with a solution that just kept the whole header visible on all pages without it reducing on scroll if that is the only way around it.

    Thank you

    Lauren
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To achieve this, it's a bit complicated. Kindly share your link.

    As for the 'hide nav until scroll', you can only do that with default Divi header. You can switch your homepage header to default Divi header by editing the homepage at backend builder & find the screenshot below.

    upload_2018-11-9_0-16-5.png
     
  3. Lauren

    Lauren New Member
    Divi Ultimate Header Plugin

    Thank you on the first topic - the site is in development so I am happy to send you a WP login so you may see it if you advise an appropriate address to send to.

    Second issue – I have set it to use the default divi header however even with that setting the navigation remains visible on the homepage.

    I've also discovered another bug whereby where although the secondary nav is visible when I click on a link with a dropdown it doesn't work.

    thank you

    L


     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly check your PM.