tags:

views:

108

answers:

2

Hiya all,

I'm placing this question here because i'm becoming a little desperate to fix this problem that has really puzzled me now as i can't see a reason for it.

You can see the top navigation that reads "Home, play golf...etc" at the top of this page: http://urbangolf.mammalworld.com/golf-club-fitting/half-day

It seems to work correctly (lines up on one line) in Firefox and IE, but on Chrome and Safari it wraps to a second line at about 710px, and i can't find a reason. It seems to be due to the font replacement using Cufon, but this must occure, but if the other two browsers (especially IE!!) can render it correctly, how can i get the webkit ones to behave?

Your help will be greatly appreciated.

Correct [IE/FF]

alt text

Wrong [Chrome/Safari]

alt text

+1  A: 

I'm not entirely sure why webkit's deciding to do that, but luckily there's an easy fix for these situations using horizontal <ul> patterns.

In user.css Change:

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width: 960px;}

Add white-space: nowrap;:

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width:960px;white-space:nowrap;}
Nick Craver
+1 i think i love you! :)) thank you
Shadi Almosri
A: 

Thanks very much! We had this issue for two of our webstores and its now fixed. ;-)

Scott