Home>Support>Vertically center logo on Vantage masthead

Vertically center logo on Vantage masthead

By coldasicezero, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Dear SiteOrigin,

Again, much love for your very versatile Vantage theme!

I’ve noticed that the logo in the masthead stays on top on smaller (mobile) screens.
If the website is fully displayed, the logo is perfectly centered (horizontally and vertically).
But if you (for example) adjust the browser screen to a smaller width, you’ll see that the logo stays on top and that white space is added below the logo.

At Theme Design I adjusted the header padding to ’10’ and have activated the ‘Center Logo’ checkbox.

I would like the logo to stay vertically centered on smaller screens as well.

Could you please help me with this?

Thanks in advance!

Cheers,
coldasicezero

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Coldasicezero

    You can fix this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .support-text {
      display: none;
    }
    

    Even if you do not use the tagline the container still gets positioned. This will remove it from being rendered.

    Let us know how you get on

    Magus

  2. 10 years, 1 month ago coldasicezero

    Hi Magus,

    Just entered the CSS code like you suggested.
    But the whitespace still remains.

    As a test I entered some text at ‘Header Text’ (Appearance > Theme Settings > Logo).
    And the text still appears below the logo.
    Or is this a different container?

    Thanks!
    coldasicezero

  3. 10 years, 1 month ago Private Message - coldasicezero

    This is a private message.

  4. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Coldasicezero

    Please amend the original snippet to read

    .support-text {
      display: none !important;
    }
    

    It is currently being overridden by another entry in the responsive settings.

    Magus

  5. 10 years, 1 month ago coldasicezero

    Yes!!
    That worked!

    Thanks again for your fast help Magus!

    Cheers,
    coldasicezero

  6. 10 years, 1 month ago Magus
    Hi, I Work Here

    No Problem.

    If you need any more help, please feel free to open a new support thread.

    Magus

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