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 Text overwrites Site Title

Resolved 5 replies technicalthemetheme-vantage
Ian Robson
5 years ago · Last reply by Andrew Misplon 5 years ago

I have three sites running the free Vantage theme.
However, one has a long header text which overwrites the site title, but only on tablets. Both desktop and mobile are OK.
How do I overcome this?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 5 years, 10 months ago

    Hi Ian

    Are you perhaps using widgets in your header? If so, you can go to CustomizeTheme SettingsLogo and enable No Widget Overlay.

    Settings documentation page: Page: Logo

  2. Ian Robson 5 years, 10 months ago

    Hello Andrew

    No. I am just using the basic theme without widgets.

    Site Title from "Site Identity"

    Logo and Header Text from "Logo"

    Site is https://www.spiritualhealinghouse.com.au

    Regards

    Ian

  3. Andrew Misplon Staff 5 years, 10 months ago

    Thanks, I’ve logged the issue here https://github.com/siteorigin/vantage/issues/356.

    To hotfix the issue, you can try adding the following to AppearanceCustom CSS if you’re using SiteOrigin CSS or CustomizeAdditional CSS:

    @media (max-width: 930px) {
    body.responsive #masthead .hgroup .logo {
        float: none;
    }
    body.responsive #masthead .hgroup .support-text, body.responsive #masthead .hgroup #header-sidebar {
        position: static;
        display: block;
        margin-top: 30px;
        max-width: 100%;
    }
}
  4. Ian Robson 5 years, 10 months ago

    Andrew

    Many thanks for this.

    However, when viewed on both Samsung Galaxy Tab and Apple iPad, text was below the icon. Changed line position: static; to position: middle;
    and it works as desired with the header text aligned to the right – almost identical to the desktop version.

    Regards

    Ian

  5. Andrew Misplon Staff 5 years, 10 months ago

    Hi Ian

    The rule I sent is the mobile rule, I just changed the breakpoint so it would apply when the overlap started.

    I’m glad to hear you were able to find a solution that works for your header.

    Thanks for the update, cheers for now.

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