How to make the Logo responsive in Bluap Template

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Jan 19, 2016 11:57 pm
Reply with quote
Report this post
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
User avatar
Fresh Boarder

teitbite
Sat Jan 23, 2016 10:38 am
Reply with quote
Report this post
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.
User avatar
Moderator

teitbite
Fri Jan 29, 2016 3:21 pm
Reply with quote
Report this post
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;
}
}
User avatar
Moderator

GK User
Fri Jan 29, 2016 3:38 pm
Reply with quote
Report this post
Great, thank you.
User avatar
Fresh Boarder

teitbite
Wed Feb 03, 2016 11:33 am
Reply with quote
Report this post
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
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.