Home>Support>Header display issues with vantage mobile

Header display issues with vantage mobile

By keri23, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello,
Overall we have been very happy with our purchase of this theme. However, we have had some mobile issues, and there is one that we are still unable to solve:
The logo and ‘support text’ divs overlap in mobile, and look really messy. I’ve tried adding CSS to set padding, margins and width for both of these divs at the media sizes without any luck. Would appreciate any advice for a solution to this problem.
Thanks!

PS- We paid for the theme, but I can’t find an order number that fits in the field, this is the paypal transaction #: 91W582514K791235R

URL: http://www.thakerlaw.com/

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, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi keri23

    Thanks for your support.

    Give the following a try under Appearance > Custom CSS:

    /* Vantage increase support text breakpoint */

@media screen and (max-width: 960px) {
body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
position: static;
display: block;
margin-top: 30px;
max-width: 100%;
}
}

    Where I’ve said 960px, that’s the new breakpoint where the overlap will stop. You can adjust that point if necessary.

  2. 9 years, 11 months ago keri23

    Looks like this does the trick.

    Thanks, Andrew!

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

    Super, glad to hear that helps.

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