Title: Full Width Header
Last modified: August 21, 2016

---

# Full Width Header

 *  Resolved [shomi](https://wordpress.org/support/users/shomi/)
 * (@shomi)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/full-width-header-9/)
 * Hi,
 * Here is a link to our website:
    [http://www.pearlypoppies.com](http://www.pearlypoppies.com)
 * If you see, the header part is not full width. They have quite large right and
   left margins.
    How do I make the header part full width? An example would be 
   this website: [http://corallista.com](http://corallista.com)
 * Thanks in Advance
    Kind Regards Somdatta

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

 *  Theme Author [Richie KS](https://wordpress.org/support/users/rkcorp/)
 * (@rkcorp)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/full-width-header-9/#post-5013909)
 * you can’t but for the top nav to be full width add this to theme option->custom
   css
 *     ```
       #custom #container {margin: 50px 0 0;}
       #custom #top-navigation {margin: 0px;left: 0;top: 0;position: absolute;}
       #custom .effect-1:before, #custom .effect-1:after {display: none;}
       ```
   
 *  Thread Starter [shomi](https://wordpress.org/support/users/shomi/)
 * (@shomi)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/full-width-header-9/#post-5013933)
 * Hi Richie,
 * Thanks for the reply. It worked fine with the top nav. Just one more question,
   is it possible to make it float? Or should I open a new thread with this question?
 * Thanks and Regards
    Somdatta
 *  Theme Author [Richie KS](https://wordpress.org/support/users/rkcorp/)
 * (@rkcorp)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/full-width-header-9/#post-5014002)
 * maybe this
    #custom #top-navigation {margin: 0px;left: 0;top: 0;position: fixed;}
 * previous absolute to fixed
 *  Thread Starter [shomi](https://wordpress.org/support/users/shomi/)
 * (@shomi)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/full-width-header-9/#post-5014010)
 * Thanks Richie. It worked but it is transparent and sometimes going behind the
   texts and ads while scrolling. I will not make it floating.
    I am marking this
   post resolved.

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

The topic ‘Full Width Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/mesocolumn/1.6.5.1/screenshot.
   png)
 * MesoColumn
 * [Support Threads](https://wordpress.org/support/theme/mesocolumn/)
 * [Active Topics](https://wordpress.org/support/theme/mesocolumn/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/mesocolumn/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/mesocolumn/reviews/)

## Tags

 * [full width header](https://wordpress.org/support/topic-tag/full-width-header/)

 * 4 replies
 * 2 participants
 * Last reply from: [shomi](https://wordpress.org/support/users/shomi/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/full-width-header-9/#post-5014010)
 * Status: resolved