Title: Full width sections only loading correctly after scroll
Last modified: April 16, 2024

---

# Full width sections only loading correctly after scroll

 *  [mbruderer](https://wordpress.org/support/users/mbruderer/)
 * (@mbruderer)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/full-width-sections-only-loading-correctly-after-scroll/)
 * Hi Another issue I have, I have set a full width hero section for example. On
   load the image is loading only about 80% width, and after scroll jumps to full
   width. What is the issue here?
 * Thanks
 * Makoto
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-sections-only-loading-correctly-after-scroll%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [mbruderer](https://wordpress.org/support/users/mbruderer/)
 * (@mbruderer)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/full-width-sections-only-loading-correctly-after-scroll/#post-17693683)
 * Building with Gutenberg Blocks/blank theme… Any pointers why the rendering is
   wrong, would be greatly appreciated thanks!
 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/full-width-sections-only-loading-correctly-after-scroll/#post-17697655)
 * When I checked your page, the width jumped from 80% to 100% on its own as the
   page loaded. I did not need to scroll to cause it to happen. Either way, it’s
   a little disconcerting for layouts to shift like that. This layout shift is exactly
   what’s going on, a “cumulative layout shift” is what it’s actually called. There’s
   something in the loading process that’s forcing the browser to re-evaluate the
   necessary layout. This is usually due to images with unspecified dimensions or
   late inserted elements like banner ads or iframes.
 * Unfortunately, I cannot identify exactly what’s causing this on your page. I 
   suggest searching the ‘net for “fixing cumulative layout shifts” to find articles
   with further information on what to do about this.
 *  Thread Starter [mbruderer](https://wordpress.org/support/users/mbruderer/)
 * (@mbruderer)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/full-width-sections-only-loading-correctly-after-scroll/#post-17708884)
 * Hi
 * Thanks for your response, I cannot figure out the problem. I have removed all
   manually entered width settings, for example wide or full width settings. When
   I activate the 2024 theme, the problem doesn’t exist. When I remove all CSS from
   style.css file, it still persists.
 * When I check with the inspector, I see this code below, could this be part of
   the issue?
 * .wp-container-core-group-is-layout-13.wp-container-core-group-is-layout-13 {
 * flex-wrap: nowrap;
 * }
 * Thanks again for your support
 * Makoto
 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/full-width-sections-only-loading-correctly-after-scroll/#post-17711318)
 * I don’t think that would be the reason, but I cannot say with certainty. If you
   can find the suspect CSS’ source code, you could make it into a comment (demarcate
   with `/* */`) to test its effect. If the layout shift still occurs, it was not
   the cause, remove the comment demarcation to restore normal function. Be aware
   that CSS is often cached. You may need to flush any caches, both server and client
   side, to see the effect of any CSS changes.
 * Your theme’s stylesheet is loaded last, which is usually desirable, but it could
   be the cause of the layout shift. You could try enqueuing it with a very low 
   $priority arg so that it loads earlier. Doing so could cause certain rules to
   be ineffective since they no longer load last. If that is happening when loaded
   early but the layout shift is gone, you could identify which styles need later
   loading and load them separately (or move affected rules to the Additional CSS
   section).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Full width sections only loading correctly after scroll’ is closed to
new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * Last activity: [2 years, 1 month ago](https://wordpress.org/support/topic/full-width-sections-only-loading-correctly-after-scroll/#post-17711318)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics