Skip Navigation

[Resolved] Layouts and Genesis 2.6.1 ‘strech’ problem

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

Problem:
The 2.4.2 update to Genesis framework introduced changes to the markup and we document how to handle this on the page linked below. But the fix in the documentation doesn't seem to work when trying to use a full-width layout.

Solution:
The class name in the documentation .content-sidebar is only used on pages with a sidebar layout, and the required CSS when using a full-width layout should be updated to use the .full-width-content class, like so:

.full-width-content .site-inner {
  max-width: 100% !important;
}
.full-width-content .content-sidebar-wrap {
  width: 100%;
}
 
.full-width-content .content {
  padding: inherit;
  width: 100%;
}

Relevant Documentation:
https://toolset.com/documentation/recommended-themes/layouts-genesis-integration/upgrading-from-genesis-2-2-x-or-later-to-2-4-2/

This support ticket is created 6 years, 7 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
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 5 replies, has 2 voices.

Last updated by Ljuba 6 years, 7 months ago.

Assisted by: Nigel.

Author
Posts
#637472

After I couldn't set Layouts, I did as it is on https://toolset.com/documentation/recommended-themes/layouts-genesis-integration/upgrading-from-genesis-2-2-x-or-later-to-2-4-2/

.content-sidebar .site-inner {
max-width: 100% !important;
}
.content-sidebar .content-sidebar-wrap {
width: 100%;
}
.content {
padding: inherit;
}

but it not working (child is Genesis Sample v2.6.0).

#637804

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Ljuba

I have a test site with the same Genesis Sample theme version installed.

Can you describe the set up for a page where the problem occurs so that I can try and reproduce?

#637844
004.png
003.png
002.png
001.png

1) I cannot yet to upload it until Minesh not finish his ticket. But if you want, open private message for credentials and I will upload it in some other domain.

2) It is actually not a page. It is layout (single.php) for CPT ('Sitios'), see image 001. Image 002 is CSS in Customizer. Image 003 is main settings of Genesis. Image 004 is front of the one site ('Sitio'), but just provisional layout (enough to see 'stretched' post).

#637873

I forgot. With or without '!important' in CSS, it is same.

#638187

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Looking through that documentation page you linked to, it mentions that the class .content-sidebar is added on pages that use a sidebar, but in your Layouts theme options you have specified a full-width page, meaning that the class .full-width-content is added to the body instead.

I also found it necessary to set the width of .content to 100% to override the theme setting, so that the required CSS looked like this:

.full-width-content .site-inner {
  max-width: 100% !important;
}
.full-width-content .content-sidebar-wrap {
  width: 100%;
}

.full-width-content .content {
  padding: inherit;
  width: 100%;
}
#639379

Hi Nigel,

That's working. Thanks.

P.S. Don't forget to update Documentation.