Skip Navigation

[Resolved] Divi Fullwidth Layout not working

This support ticket is created 6 years, 10 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.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 3 replies, has 2 voices.

Last updated by Christian Cox 6 years, 10 months ago.

Assisted by: Christian Cox.

Author
Posts
#610629

PLI
29012018_pf_wp-designvorschlag_de_wp-admin_admin_php_page=view-archives-editor&view_id=4363028#051.jpg
29012018_pf_wp-designvorschlag_de_wp-admin_admin_php_page=ct-editor&ct_id=4363029&preview_taxonomy_archive[0]=reiseziel#052.jpg
29012018_pf_wp-designvorschlag_de_reiseziel_afrika#053.jpg

I am trying to: create a divi fullwidth archive content template

Link to a page where the issue can be seen: hidden link

I expected to see: a divi fullwidth page/no sidebar with archive content template like here: hidden link

Instead, I got: a divi page with no sidebar, but reduced width and archive content template. Please see screenshots

#610871

Divi actually does not provide a Theme Option for full-width archives, so it's not possible to select that option for a WordPress Archive. You might have some luck adding the following custom CSS code in the WordPress Archive's CSS panel, which overrides the width of the main content area on this archive:

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
  .archive #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
  }
}
#610876

PLI
29012018_pf_wp-designvorschlag_de_reiseziel_amerika#055.jpg
29012018_pf_wp-designvorschlag_de_reiseziele#056.jpg

Hi Christian, thanks for your feedback.
Please see both attached screenshots. the sidebar is hidden, but the complete page layout /width seems to be different. The bigger one is correct.

#610903

I see what you mean, unfortunately the override I found does not effectively address every difference between these two templates. I was following the suggestion from the Elegant Themes site here: hidden link

The Divi support team may be able to provide you with a more appropriate override that will match the width of the Page template more accurately, or provide a way to expose a theme option that allows fullwidth archives. Toolset is a bit restricted in that we must work in the framework created by Divi, including their sidebar and content areas for archives.