Issues With Divi Theme Builder

This topic contains 16 replies, has 4 voices, and was last updated by  Tony 1 year, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #533543

    Will Hill
    Expired Member
    Post count: 73

    I created a topic for this some time ago, but it seems that GD pages still have conflicts with the Divi Theme Builder, which allows you to build custom headers and footers on your site. For example, you can see the difference between a header on a GD archive page https://county10.com/events/ and how it should be and is on other pages https://county10.com/.

    Is there a fix for this?

    #533544

    Will Hill
    Expired Member
    Post count: 73
    This reply has been marked as private.
    #533551

    Alex Rollin
    Moderator
    Post count: 27815

    Is that the same header, on both pages?
    Can you provide a link to where you edit that?

    Is it showing correctly on any other GD Pages?

    #533560

    Will Hill
    Expired Member
    Post count: 73

    It is the same header. It is edited in the backend under Divi > Theme Builder > Global Header. It works on pages with GD shortcodes, but not on any of the archive pages.

    #533589

    Kor
    Moderator
    Post count: 16516

    Hi Will,

    Thanks for your reply. Try applying the custom CSS code below and see if it fixes it. Insert into WP > Appearance > Customize > Additional CSS.

    @media (min-width: 981px) {
    .et-db #et-boc .et-l .et_pb_section {
        padding: 0px!important;
    }
    }
    #533595

    Will Hill
    Expired Member
    Post count: 73

    That seems to have helped. Is there a reason for the media query? The issue happens on mobile too. That CSS helped with the sizing, but the sticky header is still staying behind the page. I assume it is a Z-index issue, but I’m not sure how to assign a z-index to the archive pages.

    #534455

    Will Hill
    Expired Member
    Post count: 73

    Any update on this?

    #534479

    Kor
    Moderator
    Post count: 16516

    Hi Will,

    Thanks for your reply. Could you tell me a little bit more about the “but the sticky header is still staying behind the page” issue? Perhaps you can share some screenshots?

    #534488

    Will Hill
    Expired Member
    Post count: 73

    I’ve attached a screenshot. The header stays fixed to the top, but the GD elements go above it.

    #534494

    Kor
    Moderator
    Post count: 16516

    Hi Will,

    Got it and here you go.

    .et-db #et-boc .et-l .et_builder_inner_content {
        z-index: 9999999!important;
    }
    #534514

    Will Hill
    Expired Member
    Post count: 73

    Unfortunately that code makes the mobile menu not work, and causes the sticky header to not work at all.

    #534655

    Kor
    Moderator
    Post count: 16516

    Hi Will,

    Thanks for your reply. Could you change the Custom CSS code to the below and see if it works?

    @media only screen and (min-width: 600px) {
      .et-db #et-boc .et-l .et_builder_inner_content {
        z-index: 9999999!important;
    }
    }
    #534908

    Will Hill
    Expired Member
    Post count: 73

    It made it work on GD pages on desktop, but broke it on all other pages of the site.

    #534999

    Will Hill
    Expired Member
    Post count: 73

    I ended up getting this resolved I believe.

    #542671

    Tony
    Full Member
    Post count: 147

    I’m having this same issue where DIVI works like a charm
    but not with the Archive pages.

    @Will could you tell me what eventually worked?

    What was the fix for this problem?

Viewing 15 posts - 1 through 15 (of 17 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket