1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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 Ultimate Header not present in Mobile

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

  1. Maximiliaan

    Maximiliaan New Member

    Hi,
    I installed a fresh Divi-Ultimate-Header-Plugin
    and imported: Divi-Ultimate-Header-Library.json.
    So far so good.
    The menu is visible in desktop mode.
    But I see no mobile menu.

    In the section I've set Visibility to OFF. See attachment.
    It is a Global header set in the Teambuilder.
    I have disabled the standard WP menu with:
    header#main-header { display: none; }

    What to do do?
    Regards, Max
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you're using our header plugin custom header (selected in Theme Customizer), then it will by default switch to standard Divi menu in mobile, so that you can have slide in / fullscreen menu in mobile.

    But if you use Divi Theme Builder for our header style, then you will have to use Divi Builder menu for mobile.

    Here's how to show the Divi Builder menu in mobile:
    1. I see that you already set the Visibility option to be shown in mobile as well. Make sure check the Section / Row / Module Visibility option.
    2. Sticky section are set to be hidden in mobile by default. To show the sticky section in mobile, you will need to go to the Section Settings > Advanced > CSS Class & replace free-sticky with free-sticky free-sticky-mobile-show
    **Here's the documentation on the sticky feature: https://divi.help/threads/sticky-feature-documentation.2294/
     
    Maximiliaan likes this.
  3. Maximiliaan

    Maximiliaan New Member

    Thanks al lot for your help.
    Maximilaan
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  4. Maximiliaan

    Maximiliaan New Member

    It got it working. thanks again.
    One more thing : when scrolling down on every page the menu is hidden (gone).
    https://shantadesign.nl/wpsd
    How can I fix the menu so that ithe Ultimate Menu Header is always on top (some css?).
    (Fixed navigation Bar enabled/disabled has no influence on it)
    Regards,
    Max
     
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It seems like you have some settings / CSS that make the section position absolute.

    Here's a quick fix. Just paste the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  6. Maximiliaan

    Maximiliaan New Member

    Thanks for the Fix!
    It works.
    Regards,
    Maximiliaan