Skip to content

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

Merged
ciorici merged 1 commit into
wpzoom:mainfrom
qarayahya:fix/nested-wide-alignment-overflow
Apr 18, 2026
Merged

ciorici merged 1 commit into
wpzoom:mainfrom
qarayahya:fix/nested-wide-alignment-overflow

Conversation

@qarayahya

Copy link
Copy Markdown
Contributor

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
@github-actions

Copy link
Copy Markdown

This PR is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 5 days.

@github-actions

github-actions Bot commented Apr 4, 2026

Copy link
Copy Markdown

This PR was closed because it has been stalled for 65 days with no activity.

@github-actions github-actions Bot closed this Apr 4, 2026
@ciorici ciorici reopened this Apr 18, 2026
@ciorici
ciorici merged commit 7b44a8c into wpzoom:main Apr 18, 2026
1 check failed
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. no-pr-activity

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Layout breaks when nesting "Wide Alignment" blocks

2 participants