Skip Navigation

[Resolved] Divi page-container padding – Chrome

This thread is resolved. Here is a description of the problem and solution.

Problem:
Website using Divi theme shows extra padding in Safari and Chrome browsers, extra page-container padding.

Solution:
Update Divi theme to its latest version 3.0.50 or later, it had some fixes for browser compatibility issues.

This support ticket is created 7 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 4 replies, has 2 voices.

Last updated by Mike 7 years, 3 months ago.

Assisted by: Noman.

Author
Posts
#532774

When i view a page in Firefox the page-container padding-top is perfect (not sure how this is calculated or inserted)

Hopwever if i view the same page on Safari or Chome then the page-container padding is 15px to much.

What is causing this?

#532784

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi David,

Thank you for contacting Toolset Support.

Can you please provide the screenshot and the page link where you see extra padding?

Thank you

#532785
firefox.jpg
chrome.jpg

hidden link

Every page except from the home page

Firefox page-container code:

<div id="page-container" style="padding-top: 112px;">

Chrome page-container code:

<div id="page-container" style="padding-top: 126px;">
#532826

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hello David,

Please update Divi theme to its latest version 3.0.50, it also has fixes for browser compatibility issues.

Alternatively, please add the following CSS in your theme’s style.css file OR in Theme Options >> Custom CSS section to quickly resolve this:

.et_fixed_nav.et_show_nav #page-container {
padding-top: 80px !important;
}

Thank you

#532831

Brill updating the Divi theme and Builder has solved this!

Many thanks

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.