Title: How do I adjust the header’s width?
Last modified: November 21, 2017

---

# How do I adjust the header’s width?

 *  [mdivk](https://wordpress.org/support/users/mdivk/)
 * (@mdivk)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/)
 * Hello
 * As you can see the header consumes too much height, the reason is I must add 
   another section in the right top table for announcement:
    2018年8月26日 Annoucement：
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra
   tortor sem
 * I wonder how can I use more space from two sides so that both banner and table
   get more space?
 * And where do I decrease the space in the menu, the white space on and beneath
   the menu text consumes too much height, I want to adjust it.
 * Thank you very much.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhow-do-i-adjust-the-headers-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Moderator [t-p](https://wordpress.org/support/users/t-p/)
 * (@t-p)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9704511)
 * Please identify exactly which theme you are using and then post in that theme’s
   dedicated forum via its page in the [Theme Repository](https://wordpress.org/themes/).
 *  [Amanda Lucas](https://wordpress.org/support/users/alucas36/)
 * (@alucas36)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9704697)
 * Hi Mdivk,
 * From what I can see, you have a lot of padding on the left of the table and some
   on the banner, if you use chrome inspect tool, you can adjust and test the CSS
   before implementing on your site to achieve what you need.
 * Hope this sorts it for you.
 *  Thread Starter [mdivk](https://wordpress.org/support/users/mdivk/)
 * (@mdivk)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9705833)
 * [@alucas36](https://wordpress.org/support/users/alucas36/) Thank you for the 
   hint, that’s what I was thinking as well, can you be more specific on how do 
   I adjust the margin/padding for the header_section? I tried adding padding-left:
   0px to it, no change. 🙁
 * Thanks.
 *  Thread Starter [mdivk](https://wordpress.org/support/users/mdivk/)
 * (@mdivk)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9705858)
 * also tweaked on margin with no effect.
 *  [Amanda Lucas](https://wordpress.org/support/users/alucas36/)
 * (@alucas36)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9706825)
 * Hi
    Its seems to be to do with your .container div – you have a container width
   set to 1170px and a margin there – if you change margin to 0 or whatever you 
   want and increase width it adjusts right out. You should be able to tweak to 
   achieve what you need.
 * Hope that helps.
 *  Thread Starter [mdivk](https://wordpress.org/support/users/mdivk/)
 * (@mdivk)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9708485)
 * Thank you Lucas, for your finding,
 * with the left margin set to a fixed value (30px), it leaves me lots of space 
   on the right.
 * And I want to use that area for the marquee so announcement could be released
   there.
 * As you can see from the live site, it doesn’t go there. Here is the php code 
   for this theme:
 *  <div class=”container” >
    <div class=”row “> <div class=”col-md-6 col-sm-12 
   wl_rtl”> <div claSS=”logo”> <p style=”color:yellow;font-size:100px;”> 冠名赞助：
   [<font color=”#eeca76″ size=”smaller”>丹丘财富</font>](http://www.danq.ca/) </
   p> </div> </div> <div class=”col-md-6 col-sm-12″> <ul class=”head-contact-info”
   >
 *  <ul class=”head-event-info”>
    <table width=100%> </table>
 *  </div>
    <div class=”col-md-6 col-sm-12″> <?php vmarquee( $setting=”1″, $group
   =”GROUP1″ ); ?> </div> </div> <!– /Logo & Contact Info –> </div> </div>
 * The marquee is now showing underneath the middle contact/event table section.
 * How do I align the three div so they are displayed on the same level?
 * Thank you very much.
 * By the way, <p style=”color:yellow;font-size:100px;”> doesn’t work out as expected.
   I need a way to adjust the font style. the <p must have been overridden by higher
   level css? Can I retain it? if not, what would be the easiest way? Thanks.
 *  Thread Starter [mdivk](https://wordpress.org/support/users/mdivk/)
 * (@mdivk)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9710151)
 * In particular, I see with Firebug the following divs:
    class=”col-md-6 col-sm-
   12 wl_rtl” class=”col-md-6 col-sm-12″
 * It looks like defining the sections, don’t know where are they generated.
 * Any clue is sincerely appreciated. Thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How do I adjust the header’s width?’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 3 participants
 * Last reply from: [mdivk](https://wordpress.org/support/users/mdivk/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-adjust-the-headers-width/#post-9710151)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics