Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

White margin on RIGHT side only – hero section not full-width

  • I’m trying to get a full-width hero section working on my homepage, but there’s a white margin appearing on the RIGHT side only (left side is fine).
    Setup:

    GeneratePress Premium (latest version)
    GenerateBlocks container with background image
    WooCommerce site
    Page Content Container: Full Width

    The Problem:
    My hero section shows a white gap on the RIGHT edge only. The background image and content don’t extend fully to the right edge of the viewport. Left side works perfectly.
    What I’ve Tried:

    Set Page Content Container to “Full Width” ✗
    Set block alignment to “Full Width” ✗
    Multiple CSS attempts with max-width: none, width: 100vw, margin tricks ✗
    Removed all padding from Container settings ✗
    Deleted conflicting Elements ✗

    Inspector shows:
    .wp-block-group__inner-container {max-width:1200px;margin-left:auto;margin-right:auto;}
    Current Customizer Settings:

    Container Width: 1200px
    Header Width: Full
    Inner Header Width: Contained
    Content Padding: 80/40/80/40

    The fact it’s only the RIGHT side suggests something specific is causing this asymmetry. Any ideas?

  • Hi there,

    Can you link us to the page in question?

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.