Skip to content

Comments

Fix: Layout breaks when nesting "Wide Alignment" blocks #19#20

Open
qarayahya wants to merge 1 commit intowpzoom:mainfrom
qarayahya:fix/nested-wide-alignment-overflow
Open

Fix: Layout breaks when nesting "Wide Alignment" blocks #19#20
qarayahya wants to merge 1 commit intowpzoom:mainfrom
qarayahya:fix/nested-wide-alignment-overflow

Conversation

@qarayahya
Copy link

Fixes: #19

This issue appears to have been caused by this line : width: calc(var(--container-width-narrow) + 250px) in the .alignwide class declarations for pages and single posts:

   .wp-block-query.alignwide,
    .single .entry-content .alignwide {
        margin-left: -125px;
        margin-right: -125px;
        max-width: calc(var(--container-width-narrow) + 250px);
        width: calc(var(--container-width-narrow) + 250px);
    }

Why this breaks the layout:

When a "Wide" block is placed inside another "Wide" block, the inner block still tries to expand by that extra 250px

@qarayahya qarayahya added the needs testing Needs further testing to be confirmed. label Jan 27, 2026
@qarayahya qarayahya requested a review from ciorici January 27, 2026 11:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs testing Needs further testing to be confirmed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Layout breaks when nesting "Wide Alignment" blocks

1 participant