header III in mobile layout

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 Mar 20, 2014 9:54 am
Reply with quote
Report this post
Hi there,

when looking on iphone on my side http://ars-dicendi.de/drsandraeversberg/ the header looks like in attached image on mobile phone.

How can I fix this?

And: Is there a possibility to show in mobile layout other modules than in desktop / tablet view? On the iphone the newsletter module is far too small - one can't see the input fields correctly.
User avatar
Gold Boarder

GK User
Sat Mar 22, 2014 9:26 am
Reply with quote
Report this post
Hello,

Did you applied some changes to your mobile.css code?

You can display the modules only on tablet or mobile using suffixes onlytablet, onlymobile and onlydesktop
User avatar
Administrator

GK User
Mon Mar 31, 2014 11:04 am
Reply with quote
Report this post
I did - but the squashed outfit was there before
User avatar
Gold Boarder

GK User
Tue Apr 01, 2014 8:56 am
Reply with quote
Report this post
I've found a fix for your problem - please open file css/mobile.css and please change the following fragment:

Code: Select all
.gk-header3 .gk-avatar img {
width: 33%;
}


to:

Code: Select all
.gk-header3 .gk-avatar img {
height: auto;
width: 33%;
}
User avatar
Administrator

GK User
Tue Apr 01, 2014 4:10 pm
Reply with quote
Report this post
perfect! thanks a lot!
User avatar
Gold Boarder


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