Using Atahualpa 3.7.9 WP 3.5

I changed font size for H1 and H2 tags successfully, but when I looked back at the site, the category menu items have bunched on the right. Initially, they were properly lined up along the bar. Cat-center option makes it worse. Where should I correct this, please.

I attach a screen shot of what I mean.

Advance thanks for any advice.

Hard to tell without a link to the site. Perhaps there are too many many items and they are wrapping.

Oh sorry. Site URL is http://easyhiker.co.uk

Also, the problem manifests itself differently in Firefox.

1) the same font size in diffferent browsers is a differend size - ie arial 10px shown in safari is 'x' inches high, but in firefox it is 'y' inches high
2) when the amount of space the menu takes up exceeds the with of the content area, it wraps to the next line (like all text)

so when the menu wraps you have a couple choices
- make the font smaller
- shorten the menu item names
- remove some of the menu items

Thanks for the input, Juggledad. Tried making font as small as can be to still be readable but problem persists. 2/3 of the menu items are bunched on the right and the rest are pushed down below to the left side.

The only way I could correct it and get it back as it used to be is to remove the html/css insert that I added that caused the problem in the first place. i.e. changing font size of the H1 and H2 tags, which I still want to do.

what broswer are you seeing the issue in. In Safari and firefox on teh mac they are spread across the page as you would expect. I'll bet it's IE - if so what version?

and what is the CSS you added?

I'm on Chrome and Firefox on a Mac.

These are the css inserts I put in right below td#header {
padding-bottom: 10px;
}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }

The distribution looks normal on the home page, but if you click on a page or a post, the problem is evident.

that's odd since I'm using a mac and the menus are streached across the screen as I would expect in safari, firefox and chrome.

Juggledad, have you tried looking in an individual post page? This is what I have on chrome on a mac. You can see the cat. menu items more towards the right pushing the rest down on the bottom left. I want all these items lined up on the bar and still be able to put the html/css inserts to change font size of H1 and H2 tags. I do get them lined up properly if I take the html/css inserts.

here is what I see in chrome (v 20.0.1312.52) in OSX 10.7.5

have you looked at it on another computer?

It does wrap for me but if I set the font to 12px it displays OK.

Thanks Juggledad, that's what i see if i'm on the HOME page too. but once i click on an individual post, the result is still as my screenshot.

Thanks, lmilesw. Tried to put it at 12px but problem persist in posts, not on Home page.

Seems to be OK in a PC and on Firefox now, but still not on my chrome on my Mac. So, it must have to do with my computer

that image was from a post page, the 'Themed Paris Urban Walk – The Artists of Montmartre' post.