-
mrmagic22
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 WidthThe 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/40The 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?
- You must be logged in to reply to this topic.