Mobile Logo

My logo gets cut off on a mobile device. Is there any way I can use a different logo for mobile devices? Please advise.

David

Screenshot_20161114-121826.jpg

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:380px) {
#gkLogo.cssLogo, #gkMenuWrap #gkLogo.cssLogo {
    background-size: auto 100%;
    height: 45px;
    margin-top: 21px;
    width: 215px;
}
}


Thank you

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro

hi,
i have the same problem, i need different logo.jpg in desktop and mobile view but how can i do this.
i tried the code you have added above but this doesnt work, my logo ist always to big on mobile...

do you have any idea?

joomla 3.6.4, php 7.13, MySql 5.5.5,

Hi

It's pretty much individual thing. Please tell me the url to Your site.