different logo for mobile device

Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Tue Mar 31, 2015 9:16 am
Reply with quote
Report this post
Is it possible to assign different logos for desktop & mobile device.

My standard logo is too long for mobile. Want to use a short logo for mobile.

Any advice?

Seth
User avatar
Junior Boarder

GK User
Tue Mar 31, 2015 10:07 am
Reply with quote
Report this post
Hi,
by default if you didn't saw that option in template settings you cannot
but using one simple rule in mobile.css file
you can reduce size of logo on mobile view.
User avatar
Platinum Boarder

GK User
Tue Mar 31, 2015 10:15 am
Reply with quote
Report this post
I can only guess that we talk about image logo.
So you have to edit two files:
gk_musicstate\css\small.tablet.css
gk_musicstate\css\mobile.css

in template folder, of course.

in first file find
"@media (max-width: 660px) {"

and after write/add, for example
#gkLogo img { max-width: 210px;}


---
in second mobile.css, find
"#gkMainbody table {
width: 260px!important;
}"

and after that but before ending second "}"
add

#gkLogo img { max-width: 150px !important;}


If you know basic of CSS you will understand that tip.
User avatar
Platinum Boarder

GK User
Tue Mar 31, 2015 4:45 pm
Reply with quote
Report this post
Thank you:)
User avatar
Junior Boarder


cron