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