[Resolved] Sidebar No Gap on Edge

[Francis]

Hi,

I need assistance on how to remove the gap/padding/margin between the sidebar and the edge.

Both my left and right sidebar have gaps. From what I want it should only be a 5px gap but it looks about 30px on my rough estimate. I look into the customizer and added Additional CSS but no luck on finding the right selector or attribute. I’ve tried, margin, padding and float. But the big gap is still there. How can I make it from 30px into 5px and make it full width on its div or container?

Right Sidebar
SAMPLE RIGHT SIDEBAR PAGE

Left Sidebar
SAMPLE LEFT SIDEBAR PAGE

[Tom]

Hi there,

That’s happening because your site container has a width.

Try this:

.site.container {
    max-width: 100%;
}

Let me know if that fixes it for you or not 🙂

[Francis]

Hi Tom,

Thanks, works perfect.

[Tom]

You’re welcome 🙂

[Author]

Posts