Editing Main Navigation Bar
Permalink
I've run into a problem.
Some users who access my website see the Navigation bar as they are supposed to, however some users see the last selection drop below to a second row for the main navigation bar.
I believe this may have to do with the version on Windows the user is running. I don't believe it is due to the type of browser the user is running.
Any way to make sure my Navigation bar fits each user's screen the way it should? I've attached an image to explain "last selection dropping below to create a second row"
Thanks
Some users who access my website see the Navigation bar as they are supposed to, however some users see the last selection drop below to a second row for the main navigation bar.
I believe this may have to do with the version on Windows the user is running. I don't believe it is due to the type of browser the user is running.
Any way to make sure my Navigation bar fits each user's screen the way it should? I've attached an image to explain "last selection dropping below to create a second row"
Thanks
attached wrong image on above post. "Collections" has been moved below.
Both, the os and browser will affect font rendering. As for the solution: you could easily widen the navigation bar by couple of pixels. It shouldn't affect other elements (hopefully).
Or scale the fonts down a bit in which case everything should fit in beautifully.
I would suggest the former one.
Or scale the fonts down a bit in which case everything should fit in beautifully.
I would suggest the former one.
Agree, tweak the CSS a little to fit all. I have the same problem with Opera, not IE?
Or, if you don't want to shrink the font any, you could take a look at any padding on the nav LI's or anchors... trimming 1px from the left/right/both padding would snug the nav items together and give you a little buffer room for any irregularities in font rendering.
And funny... for me, it's usually Firefox that renders fonts slightly larger than other browses do… and causes this same kind of issue with items wrapping.
- John
And funny... for me, it's usually Firefox that renders fonts slightly larger than other browses do… and causes this same kind of issue with items wrapping.
- John
