Site logo

Archived topic

Footer on tablet/ipad in portrait view is single column

3 replies · Started by Simon on February 19, 2020

Viewing posts 1–4 of 4

Hi, I hope you can help. My footer on ipad and tablet in portrait displays as a double column in appearance->customise but when viewing on the actual devices or in emulators it shows as a single column, can you tell me how to change it to be 2 columns on tablet as shown in the customise section please?

Hi there,

They will use 2 columns until you reach 768px.

You can extend that down further with some CSS:

@media (max-width: 768px) and (min-width: 700px) {
    .inside-footer-widgets>div {
        width: 50%;
        float: left;
    }

    .inside-footer-widgets>div:nth-child(odd) {
        clear: both;
    }
}

Thank you

You're welcome :)

This archived topic is closed to new replies.