This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Footer alignement on mobile browsers

Open 1 reply premiumthemetheme-vantage
Jordan Joves
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread