Two column layout for position top1 on mobile

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 Jun 24, 2013 1:42 pm
Reply with quote
Report this post
Hi there

I would like to have a two column layout for the position "top1". I changed margin and width in layout.css on line 207. So in desktop view it looks like I would like to have it.

When I check it on the mobile device, it has only one column even if I changed the width as well in mobile.css on line 179...

Could you please give me a hint what I need to check as well?

» http://m.einkleinesparadies.ch/index.php/de

Thank you very much and kind regards,
emarbee
User avatar
Senior Boarder

GK User
Mon Jun 24, 2013 1:54 pm
Reply with quote
Report this post
addition: I've just seen that even in desktop view something isn't good. after 3 modules theres a line break and I don't know why...
User avatar
Senior Boarder

teitbite
Mon Jun 24, 2013 6:54 pm
Reply with quote
Report this post
Hi

Please add this to the end of mobile.css file:

Code: Select all
.gkCols3 .box.gkmod-more:nth-child(n) {
    clear: none;
}
User avatar
Moderator

GK User
Tue Jun 25, 2013 7:42 am
Reply with quote
Report this post
Hi teitbite

Thanks very much for your reply, it works!

Regards,
emarbee
User avatar
Senior Boarder


cron