Executive Pro: Gap between Custom Header and body

Community Forums Forums Design Tips and Tricks Executive Pro: Gap between Custom Header and body

This topic is: not resolved

This topic contains 3 replies, has 3 voices, and was last updated by  christyhalsell 1 year, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #94869


    Hi all,

    I’ve added a custom header to my website (http://www.creativejusticeattorney.com/) which would be perfect except for the huge gap between the image and the rest of the website.

    Any suggestions?




    Hi Twiggy,

    You will need to reduce the width of your .widget-area. Right now it’s 820px and the title area width is 600px which exceeds the 1140px wrap max -width. You need a width of 540px or less so they fit beside each other.

    .site-header .widget-area {
    float: right;
    width: 820px;

    Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio



    thank you!



    Hi! I did this once and it worked out fine on another site. Now I’m editing the code on a different site and changed the width to 540px and it made the menu get smaller. Then I tried to change it back and nothing happens. What did I do wrong? I want the white background to span the whole header. Now there are two menu items that are invisible. http://www.vertjungle.com/

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

You must be logged in to reply to this topic.