[Svenja]

Hi, I would like to change the height of the header (menu bar) and increase the size of my logo. It looks a bit too small now. How can I cange that?
https://weser-hunde.de/

Thank you in advance 🙂

[Skandha]

@weserhunde: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.container {
	width:1500px;
}
#site-logo img {
	max-height:100%;
	margin-left:30px;
}
#header-right {
	padding-top:30px;
}

Let me know if this works out!
Kind Regards,
Skandha

[Svenja]

Thank you – it does work for the desktop version. However, it throws off the mobile version. The content ist too wide nd does not adjust to the phone anymore… Do you have an idea how to solve this issue?

[Skandha]

@weserhunde: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:981px) {
	#site-logo img {
		width:300px;
		height:90px;
		max-height:90px;
	}
	.container {
		width:90%;
	}
	#header-menu #access {
		margin-top:25px;
	}
}

Let me know if this works out!
Kind Regards,
Skandha
Let me know if this works out!
Kind Regards,
Skandha

[Svenja]

It does work, but as soon as I scroll down the logo becomes “flat” – it stays 300 px wide but is only some pixels in height. Also, after scrolling down, it is not in the same line as the menu bar any longer – the menu is below the logo.

Is there no way to set the size within the theme?

[Skandha]

@weserhunde: Please adding the following Code.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#masthead.fixed-header #site-logo img {
	max-height:41px !important;
}
#masthead.fixed-header {
	padding-top:15px !important;
	height:56px !important;
}
.fixed-header #header-right {
	padding-top:5px !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts