Responsive Issue

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
Mon Apr 28, 2014 8:23 am
Reply with quote
Report this post
Hello,

I changed the logo size 940px X 120px. In responsive view logo doesn't re-size. Can you please advise to fix this issue ?

http://91.148.168.28/~cwbio/

Many Thanks
User avatar
Senior Boarder

GK User
Mon Apr 28, 2014 8:39 am
Reply with quote
Report this post
You should change also logo size in mobile.css and table.css because right now your logo is much bigger than default tablet/mobile device width.
User avatar
Platinum Boarder

GK User
Mon Apr 28, 2014 10:08 am
Reply with quote
Report this post
Many Thanks for the quick reply. Can I please advice to how to do that ?

bkrztuk wrote:You should change also logo size in mobile.css and table.css because right now your logo is much bigger than default tablet/mobile device width.


Thanks
User avatar
Senior Boarder

GK User
Tue Apr 29, 2014 9:03 am
Reply with quote
Report this post
You should add this code to mobile.css and tablet.css file and specify different logo dimensions exactly like you've modified the default template.css :
Code: Select all
#gkLogo.cssLogo {
width: 00px
}


Of course 00 value should be replace by width element for mobile and tablet mode.
User avatar
Platinum Boarder

GK User
Tue Apr 29, 2014 4:57 pm
Reply with quote
Report this post
Many Thanks !!!
User avatar
Senior Boarder

GK User
Wed Apr 30, 2014 9:37 am
Reply with quote
Report this post
You can set width to 100% and max-width: 100% this should display logo fine on smaller screens on different screen resolutions.
User avatar
Platinum Boarder


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