[Resolved] Front page footers

[guevara]

Hello please I need to make all 3 footers fit into One row on an iPad. It’s okay on a computer/laptop (1 row with 3 footer widgets), okay on a mobile (0ne row) but shows up as 2 rows on an iPad with 2 widgets on 1 row and 1 widget on second row. I would appreciate if it could be 3 widgets per row thanks.

[Leo]

Hi there,

Try this CSS:

@media (max-width: 1024px) and (min-width: 768px) {
    .footer-widgets .tablet-grid-50 {
        width: 33%;
    }
    .inside-footer-widgets>div:nth-child(odd) {
        clear: none;
    }
}

[guevara]

I applied the CSS and it Works perfectly when viewed horizontally on an iPad but when viewed diagonally it’s not right. Can anything be done about the diagonal viewing imperfections?

[Leo]

You’d need to adjust the breakpoint above:
@media (max-width: 1024px) and (min-width: 768px) {

It’s difficult as tablets all have different widths.

[guevara]

Thanks a million

[Leo]

No problem 🙂

[Author]

Posts