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 Problem with Header Disappearing completely on certain pages on mobile

Discussion in 'Basic Support Forum' started by Carolyn Noel, Oct 8, 2020.

  1. Carolyn Noel

    Carolyn Noel New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    The header is working great on my site except for pages where I have an iframe to a booking site.

    Home page (no iframe): https://canconnectservices.net/bae/

    Basically, the entire header disappears on any page with the booking plugin applied: https://canconnectservices.net/bae/book-now/

    My "fix": was to copy the the DU Header into the main Divi library and override the header on those specific pages. This works except that the mobile menu still doesn't appear. So I put it into the custom header as well. Now the buttons float on top of the mobile menu: https://canconnectservices.net/bae/grizzly-bear-tours/

    Help!
     
    #1 Carolyn Noel, Oct 8, 2020
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Then perhaps the booking plugin conflicts with our header injection method.

    Try to use our alternate method. Here's how to do it:

    1. Go to this URL for your website:
    Code:
    Log In or Sign Up to view this code.
    2. Then tick Enable Header Alternate Option
    3. Then click Publish & see if it works.

    And you will need to remove the Divi Theme Builder custom header that you just added.
    But if you wish to stick with this, then to fix the button overlap issue, you just have to add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Let me know how it goes.
     
    #2 Divi.Help Pro Support, Oct 8, 2020
  3. Carolyn Noel

    Carolyn Noel New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Perfect! Used option one and ditched my "fix". I wish I'd know it was there earlier.
     
    #3 Carolyn Noel, Oct 9, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)