switch logo mobile template

Hi there,

How can I use a different (smaller) logo for mobile view.
I'm using the logo full width in template settings but on mobile it should be another image.
So the mobile menu should be inline next to the logo.
Have no url cause site is local.

Can I add this to mobile.css and change the image?;

Code: Select all

#gkLogo.cssLogo {
    background-color: #FB5A29;
    background-image: url("../images/style1/logo.png");
}

Regards,
Pas

Yes, adding this code to mobile.css is good solution but if you want to use smaller logo size you will probably need also to specify smaller width for the logo area.