Archived topic
Tiny logo on mobile
7 replies · Started by Paul on March 11, 2019
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;}Hi there,
try this CSS:
.mobile-header-navigation .mobile-header-logo img {
height:auto !important;
}Ah yeah thanks for the quick reply David, that works.
I assume that replaces my other CSS that I posted. Can you confirm?
Yep - that CSS replaces the one you posted.
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
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.
Ah yes that works thanks David.
Glad to be of help - apologies i think the most recent update effected that CSS
