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
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
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
This is a private message.
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
Yes!!
That worked!
Thanks again for your fast help Magus!
Cheers,
coldasicezero
No Problem.
If you need any more help, please feel free to open a new support thread.
Magus