Hi,
In my menu I have added a fontello icon for a facebook link. I had to do a bit of extra css to make it appear where I wanted and you helped me with that. Today I updated to the latest version and I had to change a few of the values for it to appear in the right place again, however in internet explorer it doesn’t. (I’m not sure if the problem was there also before the update since I don’t use it much).
http://www.petersandinfoto.se/
In my custom css I have addded these lines
.menu-item .av_font_icon {
position: relative;
margin-top: 0px;
}
.header-scrolled .menu .av_font_icon { top: 0px; height: 15px; }
where I previously had to have offset values for “margin-top” and “top” for it to appear in the right place but after the update I had to change them to 0 for the icon to appear in the right spot.
Any suggestion what to do?
Hey petersandin!
What version of IE? can you post a screenshot?
Cheers!
Josue
Hey, here’s a screenshot (https://www.dropbox.com/s/0asbeucvquylcsx/petersandin-screenshot-IE.jpg) and the version is IE 10.0.9200.16750.
Cheers,
Peter
Hi!
You can use following code
.avia-msie .menu-item .av_font_icon {
margin-top:-20px;
}
to apply a negative offset for IE users. If you can only reproduce the issue with IE10 use this code
.avia-msie-10 .menu-item .av_font_icon {
margin-top:-20px;
}
which will not affect IE9, 11, etc.
Best regards,
Peter
Perfect, it solved it!
Cheers,
Peter