How Do I Resize A Header Nav Logo for Mobile

Support
#1

Hello There!

I have a logo in my header Navbar. It’s not the native logo, it’s added as an image to the menu manually. When i switch to Mobile view, the header goes to a collapsed view, and upon maximizing it, the logo doesn’t change in size, and doesn’t fit. If the logo was to shrink 50% in size, it would fit just fine.

Does anyone have any code for me that would make that happen? I’ve looked, and found a lot of nothing.

Jesse

#2

Hi Jesse,

Thank you for writing in, its actually a custom class named noob-fix that is causing that issue on mobile. Wrap that class with @media (min-width: 980px) so it does not affect the mobile menu and your logo should fit in there nicely.

Update your class to this:

@media (min-width: 980px) {
	.noob-fix{margin-top:-42px;}
}

Hope it helps,
Cheers!

#3

Hello,

Thank you for helping out.
I went through my CSS and honestly have not found that code anywhere.
I know my friend added it to center the logo horiztonally with the Nav Menu.
But i do no see it anywhere in X themes CSS back end.
I asked him where he put it I could put in your amendment, and he apparently can’t remember.
Simply adding you code doesn’t change anything, so i’m still at a loss on how to fix this now,

Jesse

#4

Hi Jesse,

Its inside Pro > Theme Options > CSS



Provide us login credentials in a secure note if you can’t find it.

Cheers!

#6

Thank you very much.
The code worked just fine after i cleared my history and cache.

#7

We are delighted to assist you with this.

Cheers!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.