I'm using a custom theme on my website.

What I'd like to do is have the header to be boxed while having the main content staying as is.

I've looked at several other threads, but I couldn't manage to make my way to the solution with the theme.

here is my header CSS that makes its full width

.full-width-content .wrap, .full-width-content .content-sidebar-wrap {
margin: 0 auto;
max-width: 100%;
width: 100%;}
  • either post your full code or provide a live example. without that how can we help? – Vishwa Apr 11 '19 at 5:41
  • I provide the link first but someone said me to remove the link – Talha khan Apr 11 '19 at 5:42
  • drketo.jjcreative.info/blog. Here is the live example – Talha khan Apr 11 '19 at 5:43
  • without seeing the problem, we can't help. you should provide all the details you can give. and be more clear. what do you mean to be boxed? to you, it may be crystal clear, but to others it may not – Vishwa Apr 11 '19 at 5:44
  • Did you see the live website I provide you with the link – Talha khan Apr 11 '19 at 5:45

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

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.