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

Solved Vertical nav links not working in desktop view

Discussion in 'Basic Support Forum' started by Robin Jones, Sep 22, 2019.

  1. Robin Jones

    Robin Jones New Member
    Divi Ultimate Header Plugin

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's because you have 2 vertical navigation (1 for desktop & 1 for mobile).

    To fix it, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  3. Robin Jones

    Robin Jones New Member
    Divi Ultimate Header Plugin

    Hi,
    Super-fast response as ever, much appreciated, and that bit of code worked fine. Not that I understood what it did! Z-index fine but the tilde?
    Kind regards,
    Robin
     
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Usually, we only use 1 vertical navigation. If you used 2 of them, then the second one will always be overlapping the first one, even if you set the section to be hidden. This is because you can't target the vertical navigation wrapper to be hidden as well.

    And I just noticed the above CSS only work for your desktop view. It will cause issue to the mobile view.

    Kindly remove the previous CSS & try the below instead:
    Code:
    Log In or Sign Up to view this code.
    **This code will hide the second vertical navigation in desktop view & thus will solve your issue.
     
  5. Robin Jones

    Robin Jones New Member
    Divi Ultimate Header Plugin

    Oh yes! I was so pleased it worked didn't bother to check mobile. That code solved the problem fully, thanks, Robin
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More