Home>Support>Footer alignement on mobile browsers

Footer alignement on mobile browsers

By Jordan Joves, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

How can I edit the mobile version of the site ( especially the masthead and footer section)

Alignements are off on the header/masthead and footer, all those should be center align when mobile is detected.

Using this to test the mobile version

http://mobiletest.me/iphone_5_emulator/#u=http://www.clockworkeventz.com/clockwork/

URL: http://www.clockworkeventz.com/clockwork/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jordan

    Vantage doesn’t have a separate version for mobile. Within the stylesheet are media queries that adjust elements based on the size of the viewport being used.

    Try the following under Appearance > Custom CSS to help your footer:

    @media (max-width: 680px) {

#footer-widgets .widget {
width: auto;
}

#footer-widgets .widget.widget_nav_menu ul {
text-align: center;
}

#social-footer {
float: none;
}

}
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More