ThemeShaper Forums » Power Blog

Navigation Bar is Wacky After Installing Header Image

(10 posts)
  • Started 2 years ago by cbanfalvi
  • Latest reply from cbanfalvi
  1. Hello,

    I am just figuring out this whole css thing. I finally was able to install my header. But after I centered it, the navigation bar below the header also moved over to the right, and then the text in the navigation buttons disappeared.

    Here is the site:
    http://www.tastehungary.com/

    And here is the relevant code:

    #header {
    background-image: url('taste-hungary-logo.jpg');
    background-repeat: no-repeat;
    margin-left: 350px;
    padding: 30px 15px 15px 60px;
    height: 177px;
    width: 286px;
    }

    #header a {
    display:block;
    text-indent:-200em;
    height:100%;
    text-decoration;
    }

    Can someone please advise me on what I should change?

    Thanks so much in advance!
    Carolyn

    Posted 2 years ago #
  2. Hi Carolyn,

    you are using the wrong place four your change.

    For the logo: Adding a Header Image

    Unfortunately there's no real solution to center the navigation:

    http://themeshaper.com/forums/topic/how-to-center-the-menu-in-09

    Chris

    Posted 2 years ago #
  3. Hi Chris,
    Thanks so much for your reply. Ok, I think that I have now put my logo code in the right place. I do not want the navigation bar to be centered. Now it seems to be back in the right place, although it is still blank and the buttons are all pushed together. Do you know how I can fix this?

    Thanks,
    Carolyn

    Posted 2 years ago #
  4. You need to remove that #header a {text-indent: -200em; } thing. This beast crawls through the whole header and kicks all link text 200 yards to the left ;)

    Chris

    Posted 2 years ago #
  5. Forgot one thing: You should think about reducing the number of top-level items in your navigation. ;)

    Posted 2 years ago #
  6. Chris,
    Thanks for your help. I now have an even more serious problem. I know I had too many top-level items, that happened when I added the power blog child theme. I was just trying to fix that using some of your advice here: http://themeshaper.com/forums/topic/static-page-in-thematic-power-blog-doesnt-work#post-5361

    I did something wrong, and now my site looks like this:http://www.tastehungary.com

    I cannot even get into my admin panel to undo the code that I just put in....can you please tell me how I can access my site? I hope I did not mess this up too badly!

    Thank you,
    Carolyn

    Posted 2 years ago #
  7. ok, I have fixed that problem by editing the code in my files on my server. But I still have two other problems that I hope you can advise me on:I cannot get several of my tabs on my navigation bar to fall under the "Home" parent page. as they are set to do. And, now I have the original header text over my logo, which I do not know how to remove.

    Thank you for any help that you can give me, I am totally new at this and am just teaching myself!

    Carolyn

    Posted 2 years ago #
  8. Will be back later this evening .. It's Kilkenny time ..

    Here's to a long life and a merry one. A quick death and an easy one. A pretty girl and an honest one. A cold pint-- and another one!

    :)

    Chris

    Posted 2 years ago #
  9. Carolyn,

    you need to add:

    #blog-title a {text-indent: -9000px;}

    to your child theme's style.css.

    Don't add any sub-pages to 'Home'.

    Chris

    Posted 2 years ago #
  10. thank you, Chris.

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.