[Resolved] Front page footers

Home Forums Support Front page footers

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1316093
    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.

    #1316377
    Leo
    Staff
    Customer Support

    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;
        }
    }
    #1316520
    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?

    #1316963
    Leo
    Staff
    Customer Support

    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.

    #1316994
    guevara

    Thanks a million

    #1317001
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.