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 5 months, 1 week ago.

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

    twiggy848
    Member
    Post count: 1

    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?

    Thanks

    http://www.creativejusticeattorney.com/
    #94874

    cwalsh
    Participant
    Post count: 70

    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

    #94899

    twiggy848
    Member
    Post count: 1

    thank you!

    #98826

    christyhalsell
    Participant
    Post count: 33

    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.