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  anitac 1 year, 4 months ago.

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

    anitac
    Participant
    Post count: 6488

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    • This topic was modified 1 year, 4 months ago by  anitac.
    • This topic was modified 1 year, 4 months ago by  anitac.
    #6395

    anitac
    Participant
    Post count: 6488

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #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, 4 months ago by  Coen Meerbeek.
    • This reply was modified 1 year, 4 months ago by  Coen Meerbeek.
    #6400

    anitac
    Participant
    Post count: 6488

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #6401

    surefirewebserv
    Participant
    Post count: 68

    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: 96

    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

    anitac
    Participant
    Post count: 6488

    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. :(


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #6407

    surefirewebserv
    Participant
    Post count: 68

    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

    anitac
    Participant
    Post count: 6488

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

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