Reduce Sidebar/Margin Space

How do I reduce the margin size so that my content moves closer to the edges of the page. Primarily wanting my menu and logo to move closer to the edges(left and right) (See picture) Any help would be appreciated.

Hi there,

You can use this CSS code below to make the header wider

.site-header >.header-wrap > .container {
    width: 100%;

Put the code into Customize > additional CSS

1 Like

Worked perfectly! How would this be applied to the rest of the page content and not just .site-header?

You may need to set the “Page attribute” options of the page to “Full width”

Got It! Thank you my friend you’ve been a huge help. Take care.

1 Like