CODEWITHSUNDEEP
cssinternet-explorerhtml-lists
Raleightl
Raleightl

Reputation: 17

Stop Navigation Menu from Spanning 2 lines

I am working on this site and in IE the nav menu spans 2 lines: http://www.sandiegolawfirm.com/

I would like to either remove the space on the left of bankruptcy or reduce the font size by a point or two in IE. Allowing all the departments to fit on one nav menu line.

I am actively trying to fix this but would appreciate help with figuring out the best way to get this done.

Thanks - Raleigh

Upvotes: 0

Views: 103

Answers (3)

RustyDev
RustyDev

Reputation: 1122

It looks like you're trying to use custom fonts and getting unpredictable results in IE since "Gotham" isn't available. You could try using a Google webfont or upload a webfont to your server to at least get similar font sizes.

Upvotes: 0

user1969202
user1969202

Reputation: 80

I think adding something like

ul li:first-of-type a{
   margin-left:-20px;
}

to the IE styles could work

Upvotes: 0

John Chan
John Chan

Reputation: 305

One way fix changes specific to use styles that are specific to IE. Depending on which version you're trying to fix for there are different rules you can use.

For example:

Target ALL VERSIONS of IE

<!--[if IE]>
#any rules you like
<![endif]-->

Target everything EXCEPT IE

<!--[if !IE]><!-->
#any rules you like
<!--<![endif]-->

Target IE 7 ONLY

<!--[if IE 7]>
#any rules you like
<![endif]-->

Target IE 6 ONLY

<!--[if IE 6]>
#any rules you like
<![endif]-->

There's a tutorial here: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Upvotes: 1

Related Questions