Re-align Navigation

Community Forums Forums General Discussion Re-align Navigation

This topic is: not resolved

This topic contains 8 replies, has 4 voices, and was last updated by  AC 1 year, 10 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #6299

    AC
    Blocked
    Post count: 7712

    I am using the Heads Up Bar on my girlfriend’s website and it’s located across the very top – http://goo.gl/oFlxJ. It’s pushing the site down and now the Navigation is not where it needs to be. Does anyone have a clue as to why it would do this and/or how I can fix it. Otherwise I’ll have to remove it. Thanks in advance for you help.

    • This topic was modified 1 year, 10 months ago by  AC.
    • This topic was modified 1 year, 10 months ago by  AC.
    #6395

    AC
    Blocked
    Post count: 7712

    Anyone online today that might be able to assist with this?

    #6398

    Coen Meerbeek
    Participant
    Post count: 3

    I have looked at the website and the problem is probably your header.

    #header .wrap has a height of 100 and a fixed background picture with a height of 100. You want the menu above the line right? Maybe it is possible to add a padding to the #header .wrap equal to the height of the heads up bar. With this padding everything will drop down I hope.

    I don’t know the heads up bar plug-in so don’t hold me accountable ;-)


    Twitter -> @cmeerbeek

    • This reply was modified 1 year, 10 months ago by  Coen Meerbeek.
    • This reply was modified 1 year, 10 months ago by  Coen Meerbeek.
    #6400

    AC
    Blocked
    Post count: 7712

    Thank you Coen. I will give that a try now.

    #6401

    surefirewebserv
    Participant
    Post count: 69

    You can also take the BG off the body and add it to #wrap, that should work.  That should push it down with the rest of the content.


    SureFireWebServices.com | Genesis Tuts and More
    Genesis Theme Starter Kit | It’s Free

    #6402

    Brian Bourn
    Participant
    Post count: 98

    It’s the background image height applied to “body” in your CSS. You can fix this two ways-either upload a taller background image (about +30px) to allow for the bar or recode your CSS and remove the background image from “body” and apply it to #wrap.


    Bourn Creative | bourncreative.com | Twitter

    #6403

    AC
    Blocked
    Post count: 7712

    Thank you surefirewebserv. I tried Coen’s way and didn’t work. Would you be able to tell me how to perform the steps you described in your response. Unfortunately, I don’t know how to do what you suggested. :(

    #6407

    surefirewebserv
    Participant
    Post count: 69

    Sure! In your css file on the body tag you have this:

    body {
    background: url(http://visibilitymarketing.com/wp-content/themes/agency/images/bg-vmi.png) repeat-x white;
    color: #444;
    font-size: 14px;
    font-family: Georgia, 'Times New Roman', 'Trebuchet MS';
    margin: 0px auto;
    padding: 0px;
    line-height: 24px;
    }

    style.css line 15

    Just cut the background attribute and put it in your #wrap declaration.

    So it should look like this:

    #wrap {
    background: url(http://visibilitymarketing.com/wp-content/themes/agency/images/bg-vmi.png) repeat-x white;
    margin: 0px auto;
    padding: 0px;
    }

    line 47

    and your body should look like this:

    body {
    color: #444;
    font-size: 14px;
    font-family: Georgia, 'Times New Roman', 'Trebuchet MS';
    margin: 0px auto;
    padding: 0px;
    line-height: 24px;
    }

    SureFireWebServices.com | Genesis Tuts and More
    Genesis Theme Starter Kit | It’s Free

    #6408

    AC
    Blocked
    Post count: 7712

    Yeah!!!! That worked! Thank you so much. And thank you to everyone who chimed in. I really appreciate it! :)

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

The topic ‘Re-align Navigation’ is closed to new replies.