Logo size in header

dkress

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dkress

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dkress

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

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dkress

Works perfectly. Thx. 

Martuscelli

Is it possible to centralize the logo?

Pablo

Martuscelli,

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next