Footer Widgets on Mobile Divices

[planetshay]

Hello,

Could you help me figure out how to get the footer widgets (footer column 1, footer column 2, footer column 3 and copyright area) to center on mobile devices please? They are all left justified right now and I want them centered on mobile devices smaller than 769px. Thanks for your help 🙂

[Andy]

This should center the footer content and widget titles

@media screen and (max-width: 768px){
    #colophon{
        text-align: center;
    }
    #colophon h5.widget-title:after{
        left: 50%;
        margin-left: -40px;
    }
}

but note that content generated by third-party plugins may have it’s own CSS rules which could need overriding.

[planetshay]

That worked. Thank you so much for all your help, it is much appreciated 🙂

[Author]

Posts