[Resolved] Tiny logo on mobile

[Paul]

My logo used to be proper size on mobile for a long time. Not sure what happened. An update or me messing things up.

See here: https://www.screencast.com/t/xy1RsUgrhFv7

How to I get it back to a normal size? I read through other threads on the topic already and the solutions I tried didn’t work for me.

I have this in my CSS:

/* Render properly sized mobile logo */
#mobile-header .header-image {height:auto;}

[David]

Hi there,

try this CSS:

.mobile-header-navigation .mobile-header-logo img {
    height:auto !important;
}

[Paul]

Ah yeah thanks for the quick reply David, that works.

I assume that replaces my other CSS that I posted. Can you confirm?

[David]

Yep – that CSS replaces the one you posted.

[Paul]

Hello, this stopped working again. Can you please give me updated code to fix this?

Also, I fixed it 2 times already with code given to me by GP, but now it’s happened for the 3rd time, and I have to look into fixing this again. Please make this consistent, the way to fix it, not changing it up all the time so I have to re-fix it every time.

Thanks, Paul

[David]

I edited the CSS above to give it some importance. This should stop it from being overwritten with any changes or if a cache ‘decides’ to reorder the CSS.

[Paul]

Ah yes that works thanks David.

[David]

Glad to be of help – apologies i think the most recent update effected that CSS

[Author]

Posts