How can I repair a broken mobile header in the Brooklyn theme?

[ChrisHack]

Hi!

I recently had some work done on my site, which uses the Brooklyn theme. (The changes are not in the live version of my site).

The header (on mobile only) of the dev site is broken--in that it is no longer displaying the logo.

The below image shows the current mobile header, and the dev version.

Any assistance fixing this would be greatly appreciated!

[AlexHodzitsky]

Hi ChrisHack! Hope you are doing well!

Can you provide a preview link to the theme where I can see the problem?

Alex

[ChrisHack]

Here it is! Note: mobile on Android (at least via the Chrome Dev tool device selection) shows the logo, but off-center and incorrectly sized. iOS doesn't show the logo at all (as in the picture in my original message).

Many thanks!

https://de0njj4ufbjvfui9-46226079898.shopifypreview.com

[AlexHodzitsky · Accepted solution]

I see that your code contains non-standard styles that are just the same applied to this logo, if you delete them, the logo will be displayed correctly - https://prnt.sc/12l3y9h. Most likely, your developer added these styles in order to solve the problem in another section, but thereby touched the header. You should check with your developer for what purpose he added this piece of code, because if you just remove it from the theme.scss file - https://prnt.sc/12l41xe, then perhaps you will break in the place for what it was intended.

Alex

[ChrisHack]

Thank you very much Alex!!