Vertically center downsized logo

2 replies · opened Jan 7, 2019

WwildeJan 7, 2019

Hi,

I reduced the height of the logo to 50px.
The logo displays all the way to the top of the screen, is there a way to center is in the header so that it aligns with the menu?
I have tried to do it top and bottom margins, but that makes the logo drop off the header background upon scrolling down.

Regards,
Paul

SSemicolon WebSTAFFJan 11, 2019

Hello,

Consider using the following code:

#header #logo img {
	margin-top: 25px;
	margin-bottom: 25px;
}

#header.sticky-header #logo img {
	margin-top: 5px;
	margin-bottom: 5px;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard