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 Mobile menu sticky, background colour, nested menu not working

Discussion in 'Basic Support Forum' started by ThemeUser, Apr 25, 2020.

  1. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I am using Ultimate Header (Style 3), while allowing Divi's default mobile menu to appear (your standard set-up). However, I cannot seem to get these mobile menu functions to work:


    1.
    Sticky does not work

    In your Custom Mobile Menu, I believe I have followed your directions (from another thread) correctly, by doing this:

    Divi Library > Custom Mobile Menu > Section settings > Advanced
    - added "free-sticky" to CSS Class

    Then...

    Divi > Theme Customizer > Additional CSS
    - added this code:

    .free-sticky-wrapper {
    display: block!important;
    }


    2.
    Mobile Menu background colour remains the same as desktop dropdown background colour, despite changing the colour in:

    Divi > Theme Customizer > Mobile Styles > Mobile Menu


    3.
    Mobile Menu's nested links cannot be tapped through to the page they link to, without first tapping the top level link. When the top level link is tapped, the mobile menu suddenly closes. So, you have to tap the hamburger again, and when the menu then reopens, the nested links are suddenly visible beneath the top level link. Only at that point are you able to tap a nested link to visit its associated page.


    4.
    Is it possible to continue using Style 3, but with the mobile fly-in menu from Style 1?
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    In mobile, it will revert back to use the default Divi menu, so that you can have slide in / fullscreen menu in mobile. To do so, check this out: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/
    I believe the nested link is done through your previous custom coding.

    After you change it to slide in menu, see if the issue still persist. Do note that if you use the slide in menu for mobile, the parent link will not be clickable.

    Let me know.
    Since in mobile, it's using the default Divi mobile menu, you will need custom CSS to make it sticky. Kindly share your URL for us to help you with the custom CSS.
    **Our free-sticky CSS class is used to make our custom header section to be sticky. And thus it's not related to the default Divi mobile menu. And the sticky section is hidden by default in mobile. Here's the full documentation for our sticky feature: https://divi.help/threads/sticky-feature-documentation.2294/
    Since you're planning to use slide in menu, then you can change the slide in menu background color in Theme Customizer > Header & Navigation > Slide In & Fullscreen Header Settings > Background Color

    Let me know if you still have any other questions.
     
  3. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I have solved all of the issues except:

    1.
    Sticky does not work

    Can I please send you a PM with the URL for this client site?

    Thanks.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For sticky mobile slide in menu, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  5. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That code works perfectly for the sticky mobile nav. Thank you!
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More