Logo bigger than header. is it possible?

Question

Hi guys.
Love your theme
just a fast question.
my customer logo is oval.
if I insert it in the header it becomes difficult to read or the header becomes too big
is it possible to put it as in the attached image??

SemiColonWeb · Accepted Answer

Hello, Please consider using the following CSS Code: 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.

AlbertoPortapuglia · Answer

You are absolutely GREAT ( I've just rated u 5 stars) may I have 2 different sizes: 200 for desktop 160 for mobile? Thx in advance Alberto Portapuglia

AlbertoPortapuglia · Answer

Hi guys.
I asked for a logo bigger than the header and u reply me:

"Please consider using the following CSS Code:
#header:not(.sticky-header) #logo { height: 100px; }
#header:not(.sticky-header) #logo img { height: 200px; }"

it absolutely work. But is it possible to define 2 different sizes for the logo, depending the media?
For example 200 px for desktop and 160 px for mobile?

thx in advance

Semicolon Web · Answer

Hello,

Thank You so much for your Kind Review!

Please consider using the following code:

@media (max-width: 991.98px) {
	.device-xs #header:not(.sticky-header) #logo img { height: 160px; }
}

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.