How to change header from full-width to box width

If you want to reduce the width of your header ,

you can do few different methods.

If you use bootstrap, add class container to your header, which will add left and right padding to the element.

Or you can add your own css. With the given url, I found that your header’s wrap class can be updated to get you a custom width. so here it is,

.site-container header.site-header.fixed .wrap{width: 80%;}

you can change the value as you wish