Home>Support>Header Text overwrites Site Title

Header Text overwrites Site Title

By Ian Robson, 4 years ago. Last reply by Andrew Misplon, 4 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. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    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. 4 years, 5 months ago Ian Robson

    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. 4 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    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. 4 years, 5 months ago Ian Robson

    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. 4 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More