Hello,

You can edit the footer layout in mobile with custom css. Add the code into your custom css box. I can’t access your site as for now. It gives the Apache test page (screenshot).
Let us know.

Best regards!

Hello,

Please add this code into your custom css box:

@media (max-width: 979px){
footer .inner .row-fluid .span4 {
    width: 50% !important;
}
footer .inner .textwidget {
    margin-left: -120px !important;
}}

Result screenshot.
Let us know.

Best regards!

Hello,

I see the banner is already centered (screenshot). Did you manage to edit it?

Best regards!

Hello,

That happens because when the screen is wider than 480px, it has other css rules applied to it. To change it i added this code into your custom css box:

@media (max-width: 1022px){
.top_nav.top_nav_transparency .row-fluid .span6 {  width: 100% !important;}
.top_nav .textwidget { padding-left: 10% !important;}
.pull-left {width: 100% !important;}
.top_nav_transparency .widget:last-child { width: 100% !important;}
}

This rewrites the css rules for every screen dimension wider than 480px and smaller than 1022px. Result screenshot. Please check your site and let us know.

Best regards!

Hello,

You can add this code to CSS box to increase the line height and the space between menu items:

ul#menu-footer-menu-1 {
    line-height: 28px;
}
ul#menu-footer-menu-2 {
    line-height: 28px;
}

Change the value to your wish.

Best regards!