[fdixon87Participant]

I have a large image of a globe as my logo, currently stacked and aligned left. I’m looking to display it at a size that would also cover the navbar. However when I try to increase its size, the navbar cuts the image off at the bottom.

It’s also important that the navbar background remain white, as I’d like a fixed menu that would retain its white background on scroll.

I’ve been looking through these threads for a solution but none have worked for me.

If we do find a solution, is there also a way to revert to the defaults for mobiles and tablets? I’d rather the logo not obscure the navbar at these widths.

Thank you!

[fdixon87Participant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media (min-width:  768px) {
	.masthead-stacked .x-brand {position: absolute;}
	.x-navbar-wrap .x-navbar {background-color: transparent;}
	.x-navbar-wrap .x-navbar-fixed-top {background-color: #ffffff;}
}

Hope it helps, Cheers!

[fdixon87Participant]

That’s done it! Thank you.

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[Author]

Posts