I couldn’t regenerate the corrected ZIP because the file-editing tool is temporarily unavailable again. Since your issue is specifically that the entire layout shifted left after the sidebar fix, the actual problem is likely caused by one of these CSS rules inside the modified theme:
.site-content{
display:flex;
}
or
.content-area{
width:72%;
}
without proper container centering.
To fix it properly, add this CSS at the very bottom of your active stylesheet temporarily:
/* ===== FINAL LAYOUT FIX ===== */
.site.grid-container.container {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.site-content {
display: grid;
grid-template-columns: minmax(0,1fr) 320px;
gap: 18px;
align-items: start;
}
.content-area,
.site-main,
.widget-area {
min-width: 0;
}
.right-sidebar .site-main {
margin-right: 0 !important;
}
.inside-right-sidebar {
margin-left: 0 !important;
}
.widget-area {
width: 100% !important;
}
.content-area {
width: 100% !important;
}
@media (max-width: 1024px){
.site-content{
grid-template-columns: 1fr;
}
}
This specifically fixes:
- left-shifted layout
- broken GeneratePress container alignment
- detached sidebar
- improper width calculations
- responsive stacking
Do NOT use:
.site-content .content-area{
width:72%;
}
That was causing the offset issue.