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 Header in Mobile loads the Default Divi

Discussion in 'Basic Support Forum' started by Eugenie, Jul 19, 2019.

  1. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    This is probably a very basic question, but how do I get the header to show in mobile? At the moment it shows the default Divi header. Ultimate Divi header shows only while the page is loading and below the other header.

    I found this answer in another post:

    By default, it will revert back to use the default Divi header, so that you can have slide in / fullscreen menu in mobile.

    1. But if you wish to hide the default Divi header in mobile, try to add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    #main-header, #top-header {
    display: none!important;
    }
    #page-container {
    padding-top: 0!important;
    margin-top: 0!important;
    }

    I tried but it just gets rid of the header altogether, leaving only a white space.

    How do I fix this?
     
    #1 Eugenie, Jul 19, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    There are few steps for your case:

    1. Add the above CSS will hide the default Divi header from displaying in mobile.
    2. The custom header section visibility is set to be hidden in mobile. You will need to go to the Section settings > Advanced > Visibility to set it to show in mobile & tablet. Check your row settings & module settings visibility options as well.
    3. Lastly, the sticky section is hidden in mobile by default. To show it in mobile, try to go to the Section settings > Advanced > CSS Class & add free-sticky-mobile-show free-sticky-mobile-disable
    **Don't remove the original CSS Class in it. If your original CSS Class has only free-sticky , then it should be free-sticky free-sticky-mobile-show free-sticky-mobile-disable

    Now you should have the Divi Builder custom mobile header. But we would recommend to use the default Divi header, as you can get to have more mobile menu styles.
     
    #2 Divi.Help Pro Support, Jul 19, 2019
  3. Eugenie

    Eugenie Member
    Divi Ultimate Header Plugin

    Thanks, it worked.
     
    #3 Eugenie, Jul 19, 2019
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
(You must log in or sign up to post here.)