Footer Alignment

Can you help me make sure the Media footer section is left marginalized on the mobile view? I added some custom code to make it center in the desktop view but I believe it’s throwing it off for mobile view. Can you help me resolve this alignment issue for mobile?

Hi,

Please, add the following code snippet to the Custom CSS in Theme Settings for mobile devices only

.footer-container .widget_nav_menu {
    padding-left:0px;
}

Regards

That code worked in moving it to the left and making left marginalized. The only problem is it is no longer centered on desktop view. How can I make it left marginalized on mobile but centered on desktop?

Sorry, it is not quite clear for us what do you mean. Could you please create some sketches or screenshots?

I need the middle footer section to be centered on desktop. I attached image.
I need the middle footer section to stay left marginalized on mobile. I attached image.

Attachments:

You must be logged in to view attached files.

Thank you.

Put this code for the desktop

.footer-container .footer-widget {
    text-align:center;
}

and this one for mobile devices

.footer-container .footer-widget,
.footer-container .textwidget p,
.footer-container .textwidget ul {
    text-align:left!important;
}

[Author]

Posts