1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Mobile hamburger menu is not present

Discussion in 'Basic Support Forum' started by Maximiliaan, Feb 12, 2021.

  1. Maximiliaan

    Maximiliaan New Member

    In mobile the hamburger menu is not visible.
    I uses Header & Navigation Style 3.
    Also I cannot find or set the Hover color of a chosen menu (RED in this example)
    No color change in the example when mouse-over.
    Need some help/
    Regards, Maximiliaan
     

    Attached Files:

    #1 Maximiliaan, Feb 12, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  2. Maximiliaan

    Maximiliaan New Member

    ps
     
    #2 Maximiliaan, Feb 12, 2021
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Upon checking further on your site, I see that you're just using our header section on your body content.

    For that case, just go to the Section settings > Advanced > CSS Class & replace it with free-sticky free-sticky-mobile-show

    For full documentation on our sticky feature, kindly refer: https://divi.help/threads/sticky-feature-documentation.2294/
     
    #3 Divi.Help Pro Support, Feb 12, 2021
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Maximiliaan

    Maximiliaan New Member

    Thanks for the explanation.
    I did what you suggest, but no improvenent:
    https://shantadesign.nl/wp-divi/divi-ultimate-menu/

    Is there more what I have to do.
    btw free-sticky was not present in the default setting (first install)
    Need some help.
    Regards,
    Maximiliaan

    free-sticky-mobile show.jpg free-sticky-mobile show.jpg
     
    #4 Maximiliaan, Feb 12, 2021
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #5 Divi.Help Pro Support, Feb 12, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  6. Maximiliaan

    Maximiliaan New Member

    Yes I did so. See the attachment. But no Hamburger menu in Mobile and verrtical Tablet.

    https://shantadesign.nl/wp-divi/divi-ultimate-menu/

    Sorry to bother you but:
    Section settings > Advanced > CSS Class & replace it with free-sticky free-sticky-mobile-show
    or:
    Section settings > Advanced > CSS Class & replace it with free-sticky-mobile-show
    gives no mobile menu.
    I have installed: Divi Ultimate Header Plugin v3.0.2
    What went wrong?

    I can give you Admin rights in a DM for helping me out.
    Grt.
     

    Attached Files:

    #6 Maximiliaan, Feb 12, 2021
    Last edited: Feb 12, 2021
  7. Maximiliaan

    Maximiliaan New Member

    I can give you Admin rights in a DM for helping me out.
     
    #7 Maximiliaan, Feb 12, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's free-sticky free-sticky-mobile-show. But the section is set to be hidden on mobile & tablet. To fix it, just go to the Section Settings > Advanced > Visibility > Disable On > Untick Phone & Tablet

    =======

    Additional info:

    By default, we hide those is because we're assuming you're using it as a header & we will revert back to use the default Divi slide in / fullscreen menu in mobile.

    But for your case, I see that you set the header to be hidden & just insert our header design in the body content area, which requires you to do those additional steps to make it happen.
     
    #8 Divi.Help Pro Support, Feb 12, 2021
  9. Maximiliaan

    Maximiliaan New Member

    Thanks so mutch. It works. However The pull-down menu is transparant. See the Attachment.
    Where can I set transparant to OFF or do I need extra CSS?

    Another isssue witch I tought maybe this interrupt a good working menu is a warning when starting a fresh page Build from scratch and importing DIVI Regular Menu (the red module). See also the attachment.

    But for now the transparant mobile menu is my concern. How can I set this off?
    Thanks and regards,
    Mximiliaan
    .
     

    Attached Files:

    #9 Maximiliaan, Feb 12, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can change the color in the Menu module settings > Design > Dropdown Menu > Mobile Menu Background Color
    By default, our menu module will only be used in Divi Library for custom header, which already added some code to hide the message.

    For your case, you're using it as body content, which you can use the below CSS in Divi > Theme Options > Custom CSS to hide the message:
    Code:
    .et-fb-modal__support-notice {
    display: none!important;
}
     
    #10 Divi.Help Pro Support, Feb 12, 2021
  11. Maximiliaan

    Maximiliaan New Member

    Thanks, I got the menu working.
    After deleting the the Header in the theme Builder. See Attachment.
    I still got the Ultimate Menu on all pages.

    Therefore I cannot edit the Ultimate Header here?

    Any idea what this can be the case?
    I removed the ultimate menu's in all the pages.
    (btw thanks for your patient for a Divi rookie)
     

    Attached Files:

    #11 Maximiliaan, Feb 13, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Here's the normal way of using our header plugin:

    1. First, you will need to click the below & save it, to make the header visible on your Divi site:

    upload_2021-2-13_21-50-15.png

    2. Next, kindly refer to the new installation guide (Step 4 to 6): https://divi.help/threads/new-installation-guide.347/

    3. If you wish to make the mobile menu to be slide in / fullscreen, then kindly refer to this guide: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/

    Let me know if you need any further clarification.
     
    #12 Divi.Help Pro Support, Feb 13, 2021
(You must log in or sign up to post here.)