248 posts
  • Has been a member for 6-7 years
  • Bought between 100 and 499 items
  • United Kingdom
dwhitmore says

Hi All,

I’ve got a small arrow icon next to my menu items, looks perfect in Chrome, but aligned too high vertically in IE8 . Anyone got any idea what I need to change to re-align it? I’ve modified the arrow css padding/margin, but no joy.

The menu’s here: http://www.mytrialdomain.com/2013/

The css in question is:

.navigation-wrapper .sf-sub-indicator { float: none; margin-right: 0; margin-left: 7px; width: 8px; height: 8px; display: inline-block; text-indent: -9999px; background: url(http://www.mytrialdomain.com/2013/wp-content/themes/bluediamond/images/d-arrow.png) center no-repeat; }

Any help appreciated!

Cheers,

Dan

2441 posts
  • Has been a member for 5-6 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Envato Studio (Microlancer) Beta Tester
digitalimpact says

Happens in Firefox as well.

Firebugged it, and adding line-height: 10px; to .navigation-wrapper .sf-sub-indicator fixes it.

Not tested in IE.

1034 posts
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
  • Bought between 1 and 9 items
  • United Kingdom
  • Has been a member for 2-3 years
BenSheppard says
vertical-align: middle; for IE
248 posts
  • Has been a member for 6-7 years
  • Bought between 100 and 499 items
  • United Kingdom
dwhitmore says

You beauties!

Thanks for the help guys, it’s looking great now.

Thanks again.

Dan

by
by
by
by
by
by