How to add smaller logo for mobile view?

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 Sep 23, 2014 4:28 pm
Reply with quote
Report this post
HI GavickPro,

How can I use a different logo art for the mobile view of MusicState? I need to use a smaller logo only for smartphones.

What custom css would I add, and where would I store the custom logo file?

Thanks,
Railer
User avatar
Gold Boarder

GK User
Tue Sep 23, 2014 4:30 pm
Reply with quote
Report this post
Hi,
check my last post: https://www.gavick.com/forums/universit ... 39774.html

similar case :ugeek:
User avatar
Platinum Boarder

GK User
Tue Sep 23, 2014 5:36 pm
Reply with quote
Report this post
Thanks Oscar!

Unfortunately, it isn't working just yet.

Here is the code I'm using:

Code: Select all
@media only screen and (max-width: 480px) {
#gkLogo.cssLogo { background: url("images/template/logo_mobile.png") !important; height: 38px;width: 125px; }
}


When I set up the default logo image in the template, it asked me to upload the logo.png file to my /images directory, and I put it into the /images/template subdirectory. I put the logo_mobile.png file into the same subdirectory.

Is using the image in that manner the same as using a cssLogo, as in your other post? I'm assuming so.
I tried clearing the cache, but there wasn't anything listed to clear.
User avatar
Gold Boarder

GK User
Tue Sep 23, 2014 9:54 pm
Reply with quote
Report this post
My concept work only , as you might read, only when you are using CSS LOGO mode !!
User avatar
Platinum Boarder


cron