Mobile logo image

Hello,
I'm using In Style template (Joomla 3.x) http://www.fioredomenica.com and I want to use another logo image for mobile devices. Is that possible? or at least change the size of logo for mobile devices.

-ps. I'm using css logo choice if that helps somehow

Thanks

Hi,
yes one option is possible in that template.
Give me few minutes and I will prepare you a ready code to paste in "Custom CSS field" in template settings.

Take your time!!!!! Thank you

Steps:
1) Prepare smaller version of logo - I suggest that new logo image should have less than 300px of width (~290px)
2) You can also remove bottom part with text "Epyna...." on smartphone people do not have to see it I guess
3) upload new PNG image into main /image folder
4) Then use this code:

@media (max-width: 440px) {

#gkLogo.cssLogo {
background: transparent url("http://www.fioredomenica.com/images/logo_mobile.png") no-repeat scroll 0 0;
height: 130px;
width: 290px;}

}

So in all smartphones devices logo should be readable and fully visible.
p.s.
In shop there are soap or sweets ?

Perfect it works!!!! Thank you

In shop there are aromatic and therapeutic soaps!!!

They looks so appetizingly so I wanted to eat them all ..even that are not banana....
Great job, I hope that you will finish your website soon.

Thank you!
I hope so too, just some details and the shop will functioning normally. I believe until late August we'll be 100% ready.