Teşekkürler. Ben de kodunuzu biraz değiştirdim (wordpress dışında başka bir sistemde çalıştırmak için php ifadelerini kaldırın) demo: https://www.methbox.com

Kod:

<?php if ( wp_is_mobile() ) : ?>

<?php else : ?>

<style>
#ataturk {
min-width: 130px;
min-height: 195px;
background: url("https://www.methbox.com/img/ATATURK.png") no-repeat;
display: inline-block;
        position:fixed;
right:0; bottom:-2px;
z-index:9999999;
}
#ataturk:hover {
background: url("https://www.methbox.com/img/ATATURK-2.PNG") no-repeat;
         vertical-align: center;
display : block;
visibility : visible;
left:50%;
min-width:940px!important;
transform: translate(-50%, -0%);
top:15%;
position:fixed;
z-index:9999999;
}
</style>
<div id="ataturk">
</div>

<?php endif; ?>

Google Tarzı & Tıklama İle;

<style>
#ataturk {
min-width: 96px;
min-height: 136px;
background: url("https://www.methbox.com/img/10-kasim.png") no-repeat;
display: inline-block;
        position:fixed;
right:0;
bottom:-2px;
z-index:9999999;
}
#ataturk:active {
background: url("https://www.methbox.com/img/ATATURK-2.PNG") no-repeat;
         vertical-align: center;
display : block;
visibility : visible;
left:50%;
min-width:940px!important;
transform: translate(-50%, -0%);
top:15%;
position:fixed;
z-index:9999999;
}
</style>
<div title="Ulu Önder Atatürk'ü Saygıyla Anıyoruz" id="ataturk">
</div>