Archived topic

I would like to change grid-with for footer widgets in iPad

3 replies · Started by Monique on October 4, 2019

Viewing posts 1–4 of 4

October 4, 2019 at 2:35 am #1025948

Hi,

My site uses 5 footer widgets. In a high res tablet they display just like on desktop, all in one row and 20% each.
On the iPad it breeks into rows with 50% width for each widget.

How can I change the grid size for tablets like Ipad to 20%?

Thanks in advance,

October 4, 2019 at 5:26 am #1026073

Hi there,

try this CSS:

@media (max-width: 1024px) and (min-width: 768px) {
    .footer-widgets .grid-20.tablet-grid-50 {
        width: 20%;
        clear: none
    }
}

October 4, 2019 at 5:30 am #1026075

Perfect! Thank you so much.

October 4, 2019 at 5:36 am #1026082

You're welcome

This archived topic is closed to new replies.

Start building better websites today.