Archived topic

Sidebar No Gap on Edge

3 replies · Started by Francis on July 26, 2019

Viewing posts 1–4 of 4

July 26, 2019 at 9:18 pm #968270

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

July 27, 2019 at 6:36 am #968503

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 :)

July 27, 2019 at 11:42 pm #969005

Hi Tom,

Thanks, works perfect.

July 28, 2019 at 6:46 am #969156

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.