How to make the Logo responsive in Bluap Template

Hi , I installed this beautiful template for my site, I like it a lot. I would like to know how I can make the logo ''image'' responsive, because the size of the logo is 340 x 80 px, and in smartphone view the logo out of the screen. Thanks

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

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:767px) {
#gkLogo {
    background-size: 100% auto !important;
    width: 200px !important;
}
}


Great, 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