Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Category menu items not lined out but tending towards the right (http://forum.bytesforall.com/showthread.php?t=19404)

EasyHiker Jan 21, 2013 03:13 PM

Category menu items not lined out but tending towards the right
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.

lmilesw Jan 21, 2013 04:04 PM

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

EasyHiker Jan 21, 2013 04:08 PM

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

EasyHiker Jan 21, 2013 04:10 PM

Also, the problem manifests itself differently in Firefox.

juggledad Jan 21, 2013 04:48 PM

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

EasyHiker Jan 21, 2013 04:59 PM

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.

juggledad Jan 21, 2013 05:08 PM

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?

EasyHiker Jan 21, 2013 05:25 PM

I'm on Chrome and Firefox on a Mac.

EasyHiker Jan 21, 2013 05:26 PM

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

EasyHiker Jan 21, 2013 05:27 PM

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; }

EasyHiker Jan 21, 2013 05:33 PM

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

juggledad Jan 21, 2013 05:37 PM

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.

EasyHiker Jan 22, 2013 02:03 AM

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.

juggledad Jan 22, 2013 05:20 AM

1 Attachment(s)
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?

lmilesw Jan 22, 2013 07:26 AM

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

EasyHiker Jan 22, 2013 03:38 PM

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.

EasyHiker Jan 22, 2013 05:05 PM

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

juggledad Jan 22, 2013 07:00 PM

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

All times are GMT -6. The time now is 06:04 PM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.