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.

Vertically center logo on Vantage masthead

Resolved 6 replies premiumthemetheme-vantage
coldasicezero
10 years ago · Last reply by Magus 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Magus Staff 10 years, 9 months ago

    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. coldasicezero 10 years, 9 months ago

    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. coldasicezero Private 10 years, 9 months ago

    This is a private message.

  4. Magus Staff 10 years, 9 months ago

    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. coldasicezero 10 years, 9 months ago

    Yes!!
    That worked!

    Thanks again for your fast help Magus!

    Cheers,
    coldasicezero

  6. Magus Staff 10 years, 9 months ago

    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.

Have a different question or issue?

Start New Thread