248 posts
  • Has collected 100+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in 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

2468 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has referred 100+ members
  • Has been a beta tester for an Envato feature
+2 more
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
  • Has sold $100+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
BenSheppard says
vertical-align: middle; for IE
248 posts
  • Has collected 100+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United Kingdom
dwhitmore says

You beauties!

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

Thanks again.

Dan

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by