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.

Header display issues with vantage mobile

Resolved 3 replies themetheme-vantage
keri23
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 4 months ago

    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. keri23 11 years, 4 months ago

    Looks like this does the trick.

    Thanks, Andrew!

  3. Andrew Misplon Staff 11 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread