Logo size in header

dkress · December 2019

Dear support,

I'm wondering how to change the logo size when using "Empty: Subpage without Header". I can live with the sticky header logo being small but I would like to enlarge the logo on the starting page. I already used the "Overflow logo" option but this is not really what I am looking for.

May I change this using custom CSS? See www.living-creativity.de.

Cheers,

Dirk

Pablo · December 2019

Hello Dirk,

You can enlarge your logo in the Theme Options > Global > Logo

http://prntscr.com/qcyazv

Remember, it will not make your logo bigger than it's original source size.

It will be stopped at the original resolution.

Thanks

dkress · December 2019

Cool, this works. Thx, Pablo.

Is there a way to increase the height of the sticky header and the logo? This would make the company logo more visible...

Is there also an option for that or do I need to add custom CSS? Which classes do I need to change?

Cheers,

Dirk

Pablo · December 2019

Sadly, Sticky Menu height and logo size of it can be changed only through the CSS code.

But, there is a way to achieve it without it, but it will require to change the header to "Fixed"

Thanks

dkress · December 2019

Can you pls give me a hint on how to change the menu height and logo size via CSS? Thanks.

Pablo · December 2019

Try this CSS:

#Top_bar.is-sticky{
	height:100px !important;
}

#Top_bar.is-sticky .logo img{
	max-height:80px !important;
}

#Top_bar.is-sticky > *{
	margin-top:15px !important;
}

Thanks

dkress · December 2019

Works perfectly. Thx.

Martuscelli · June 2020

Is it possible to centralize the logo?

Pablo · June 2020

Martuscelli,

To center your logo, you will have to use the "Header: Stack Center" layout.

Thanks

Logo size in header

Comments