Social Icons Header in IE9


Author Message
Stephan

Posted: 7/23/2014
Quote message 

Anybody have a fix for the social icons in the header that does not display correctly in IE9 ? Cuts the icons of at the end.
 
techtom

Posted: 7/23/2014
Quote message 

Do you have a link to the site? I can't reproduce it from artisteer.
 
Stephan

Posted: 7/23/2014
Quote message 

Hi Techtom!

Its on my staging server sawebrent2.com/achieve , In IE9 it is cutting of the social icon images on the right hand side with a couple of pixels. in firefox etc all is OK. I am still on artisteer 4.1

I always get this bug on all my sites with icons in the header
 
Stephan

Posted: 7/23/2014
Quote message 

PS: Also in IE10
 
techtom

Posted: 7/23/2014
Quote message 

if you add this to your style.css file at the end does it still cut them off?

.art-rss-tag-icon, .art-twitter-tag-icon, .art-facebook-tag-icon {display:block;}

art-textblock-1626273094-text, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px;}


You said this is an ongoing issue? By any chance do you use sharaholic on all those sites? What if you just preview the template straight out of artisteer, does it still cause this issue?
 
Stephan

Posted: 7/23/2014
Quote message 

Hi Techtom!

Thank you for your reply. I added the css and disabled all plugins, no joy, it is still being cut off at the end..
 
techtom

Posted: 7/24/2014
Quote message 

Hi Stephan,

Try adding the !important to the css. I also forgot a . before. When I apply this code in the IE developer console for your site it all looks fine.

.art-rss-tag-icon, .art-twitter-tag-icon, .art-facebook-tag-icon {display:block !important;}

.art-textblock-1626273094-text, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px !important;}
 
Stephan

Posted: 7/24/2014
Quote message 

Techtom! You are the man! Can I buy you a beer? (send paypal plse)

Only thing is I see the twitter icon is out of line now. Something to do with :

<div class="art-object1521790974" data-left="0.47%"></div>
<div class="art-object1088249944" data-left="98.05%"></div>
<div class="art-object1951444398" data-left="52.45%"></div>
?
 
techtom

Posted: 7/24/2014
Quote message 

I see the mistake

.art-textblock-1626273094-text, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px !important;}

this is wrong .art-textblock-1626273094-text,


Try the following instead.

.art-textblock-1626273094, .art-textblock-1125838541, .art-textblock-2101287324 {top:138px !important;}

This is because the changing to block drops your icons down a few pixels the second set of css is to position them a bit higher again.
 
Stephan

Posted: 7/24/2014
Quote message 

Techtom! that fixed it, thank you! Anybody looking for the solution to the social icons in header of artisteer template, techtom fixed it!

Thank you!
 
techtom

Posted: 7/24/2014
Quote message 

Stephan,

You are welcome. I am glad it all worked out for you. :-)