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 Menu on Mobile Changes to Divi Default

Discussion in 'Basic Support Forum' started by Grant, Sep 7, 2019.

  1. Grant

    Grant New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I have a menu built and working great on several client websites but for some reason I can't customize the mobile menu design. On mobile it just goes to Divi's typical look, White bar, Logo, and hamburger menu. I have the Static CSS File Generation and Output Styles Inline turned on and still does this. How do I get this to work correctly?
     
    #1 Grant, Sep 7, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    In mobile, it will revert back to use the default Divi header, so that you can have slide in / fullscreen menu in mobile: https://divi.help/threads/if-i-use-...w-slide-in-or-fullscreen-menu-on-mobile.1251/

    Though, you can still have custom header elements below the default Divi header, by setting the Visibility options for the section / row / modules.

    =========

    Now if you wish to Divi Builder menu bar & hide the default Divi header in mobile, there are 2 ways:
    1. Go to WP Admin > Divi > DP - Header to edit your custom header & Add a new section > Load from library > Custom Mobile Menu.
    2. Or you can just go to WP Admin > Divi > DP - Header to edit your custom header & add a new mobile menu bar section & go to the Section settings > Advanced > Visibility & set it to be shown in mobile & tablet only. Then proceed to Divi > Theme Options > Custom CSS & add the below:
    Code:
    Log In or Sign Up to view this code.
    **Do note that if you use Divi Builder menu bar for the mobile, you can only have the default slide down menu.
    **That's why we recommend to use the default Divi header in mobile, as you can have slide in / fullscreen menu in mobile.
     
    #2 Divi Powerful, Sep 7, 2019
  3. Grant

    Grant New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That's perfect! Thank you so much.
     
    #3 Grant, Sep 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)