Footer on tablet/ipad in portrait view is single column

[Simon]

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?

[Tom]

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;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Simon]

Thank you

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts