How To Display Smaller Logo Image For Mobile

Post a reply
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
Thu Jan 30, 2014 2:11 pm
Reply with quote
Report this post
Hi.

In my site I have used the Publisher template and it works great - except for the main logo on the site which I changed to be a bigger logo.
Now when I navigate to the site on a mobile device the larger logo pushes everything out of position.

How can I have a large logo for desktop browser viewers and a small logo for mobile (e.g. iPad and iPhone)?

Thanks for your help.
User avatar
Fresh Boarder
GK User
Sat Feb 01, 2014 11:28 am
Reply with quote
Report this post
Hello,

You can define your logo parameters in the css/mobile.css file - for smartphones and in css/tablets.css - for tablet devices.
User avatar
Administrator
GK User
Sun Feb 02, 2014 2:53 pm
Reply with quote
Report this post
Is there already a definition for the logo in both of those files somewhere or do I need to create my own?
User avatar
Fresh Boarder
GK User
Sun Feb 02, 2014 2:58 pm
Reply with quote
Report this post
You have to create your own one.
User avatar
Administrator
Post a reply
cron