Tablet & Small desktop : 3 column layout margin

Hi,
I encounter troubles with text (3 column layout) in small windows and on tablet. I lose margin between para when I squeeze the window. Could you check this @ http://www.aktineo.com/services/conseil ? I try to fix it with the following code in tablet.css line 217

Code: Select all

.items-row > div {
  margin:0 10px;
  padding:0 !important;
}

but the result is not really awesome
Thx!

Hi

Please edit file http://www.aktineo.com/templates/gk_cre ... tablet.css and remove "!important" rule from the end of the line 217 in class:

Code: Select all

.items-row > div {
    margin-bottom: 50px;
    padding: 0 !important;
}


Thx teitbite it works perfectly

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

@media (max-width: 950px) {
.cols-2 .column-1, .cols-3 .column-1 {padding-right: 10px!important;}
.cols-3 .column-2 {padding-left: 10px!important; padding-right: 10px!important;}
.cols-2 .column-2, .cols-3 .column-3 {padding-left: 10px!important;}
}


Remember to enable "CSS override" in template settings - advanced section.

Thx teitbite it works perfectly

Not working on iPad (vertical position) I'm going to try cyberek trick

Thx guys, Teitbite css trick works even on iPad - vertical & horizontal (with safari), but not with chrome for iPad, same for Cyberek trick with CSS override activated. One last question, which one should I use?

Check out our documentation on that topic:
http://www.gavick.com/documentation/joo ... -position/

Hi

I think that was not the question Cyberek You must have mistaken it with another thread.

Use any solution You want than tell me when You will have it on Your site so I'll check the chrome issue than.

Hi Teitbite,
It's already on my site (same adress). You can have a look on Chrome for iPad (vertical) . I tried on Chrome for Android (Samsung tablet) works fine.
Thx for your help.

Hi

Looks good on chrome on my mobile devices, so I think it can be a cache issue. Try maybe rload the page couple of times to be sure browser loads a new css file.

@ Teitbite,
You were right. I tried to empty cash in Google chrome several times without success. Shooting down and restarting ipad and voila! @Teibite, @Cyberek thank you guys for your support, problem solved

Hi

No problem. Glad I could help.

Ok , than I'm closing the topic.