Issues With Divi Theme Builder

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

Open Support Ticket

Author

Posts
March 4, 2020 at 3:48 pm #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?

March 4, 2020 at 3:49 pm #533544

Will Hill
Expired Member

Post count: 73

This reply has been marked as private.

March 4, 2020 at 4:07 pm #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?

March 4, 2020 at 4:27 pm #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.

March 4, 2020 at 5:48 pm #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;
}
}
```
March 4, 2020 at 6:21 pm #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.

March 9, 2020 at 4:53 pm #534455

Will Hill
Expired Member

Post count: 73

Any update on this?

March 9, 2020 at 5:53 pm #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?

March 9, 2020 at 6:36 pm #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.

March 9, 2020 at 6:42 pm #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;
}
```
March 9, 2020 at 7:24 pm #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.

March 10, 2020 at 5:55 am #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;
}
}
```
March 11, 2020 at 10:05 pm #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.

March 12, 2020 at 5:14 pm #534999

Will Hill
Expired Member

Post count: 73

I ended up getting this resolved I believe.

April 26, 2020 at 7:34 pm #542671

Tony
Expired 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?
Author

Posts