1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
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

Issues with Mobile header

Discussion in 'Basic Support Forum' started by ETIC, May 26, 2020.

  1. ETIC

    ETIC New Member

    Hello,

    1 / We have problems displaying the header on mobiles.
    We have applied a style that appears well on the desktop.
    We have adjusted the visibility but nothing is displayed on mobile.

    2 / We want to use style 10 for the desktop screen and style 8 for mobiles. Is it possible ?

    3 / In the theme options, the Header part has disappeared. Is this normal? We wanted to apply fullscreen mode. It was not possible.

    Can you help us, it's urgent, thank you!
     
    #1 ETIC, May 26, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I believe you're referring to the Theme Customizer.

    It's because you are using global header in WP Admin > Divi > Theme Builder. You will need to delete the global header from Divi Theme Builder.

    As for our plugin custom header, make sure you select it in Theme Customizer, as per new installation guide step 4 to 6: https://divi.help/threads/new-installation-guide.347/
    Once you removed the Divi Theme Builder global header, you should now see the default Divi mobile header. And you choose the mobile menu to be fullscreen / slide in: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/
    If the above fixes all your issue, then you can ignore the information below.

    For normal section, the visibility option will work well. But for the visibility option on the sticky sections, the sticky sections will be hidden in mobile by default. But you can make it shown with few CSS Classes. Here's the documentation on the sticky feature: https://divi.help/threads/sticky-feature-documentation.2294/
     
    #2 Divi.Help Pro Support, May 26, 2020
  3. ETIC

    ETIC New Member

    thnaks for your quick reply
    my problem is that I have 3 languages in my site so I need to specify it in Divi theme builder so even I have disable the global nothing happened for me
     
    #3 ETIC, May 26, 2020
    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. ETIC

    ETIC New Member

    please refer to this
     

    Attached Files:

    #4 ETIC, May 26, 2020
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I mean if you have Global Header set in the Divi Theme Builder, then you will need to remove the Global Header. See screenshot below:

    upload_2020-5-26_23-6-35.png
     
    #5 Divi.Help Pro Support, May 26, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You shouldn't set the Global Header as hidden. You should turn it back on as per the screenshot below:

    upload_2020-5-26_23-8-47.png
     
    #6 Divi.Help Pro Support, May 26, 2020
  7. ETIC

    ETIC New Member

    you can see in desktop then in responsive.... the menu is not showinn at all

    the first menu in the top is the divi bulder menu based on imported section of Du menu then the second menu at the bottom is the default one so both of them are not displayed in responsive
     

    Attached Files:

    #7 ETIC, May 26, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  8. ETIC

    ETIC New Member





    yes that's what am I trying to explain
     

    Attached Files:

    #8 ETIC, May 26, 2020
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The problem is that if you choose to hide the default Global Header, then the default Divi mobile menu will be hidden as well. And so, you can't have the slide in / fullscreen menu in mobile.
     
    #9 Divi.Help Pro Support, May 26, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    And our custom header is meant to be used with our Theme Customizer settings, not Divi Theme Builder. If you use it with Divi Theme Builder, then you can't use Divi default slide in / fullscreen mobile menu.

    And you will need to build your own mobile menu using Divi Builder. And Divi Builder only supports the default dropdown mobile menu.

    For that case, you should know about the sticky documentation:

    For normal section, the visibility option will work well. But for the visibility option on the sticky sections, the sticky sections will be hidden in mobile by default. But you can make it shown with few CSS Classes. Here's the documentation on the sticky feature: https://divi.help/threads/sticky-feature-documentation.2294/
     
    #10 Divi.Help Pro Support, May 26, 2020
(You must log in or sign up to post here.)