Align the header with everything

Hello, community,

I am working on a project and I am using the listinghive template. I noticed that on every page there is a specific width within which everything falls (i.e. search bar, listings, categories, footer) as seen below by the two yellow lines

I would like to move the header to fit this specific width (i.e. logo, menu, button), I don’t plan on having too many menu items. Is there a way to do this, maybe a code snippet? Thanks.

Yes, it’s possible but requires a CSS snippet or overriding the theme’s header.php file via a child theme. Then you can add the same CSS container class to the header section as for the content.