Help fixing broken header on mobile

Solved
ChrisHack
Tourist
3 0 2

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!

257AD58A-6515-497E-A130-4A6D5CCAF18C.jpg

AlexHodzitsky
Shopify Partner
70 19 26

Hi ChrisHack! Hope you are doing well!

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

Alex

I didn't choose the Shopify, the Shopify chose me.
Linkedin: alex-hodzitsky
0 Likes
ChrisHack
Tourist
3 0 2

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

0 Likes
AlexHodzitsky
Shopify Partner
70 19 26

This is an 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

I didn't choose the Shopify, the Shopify chose me.
Linkedin: alex-hodzitsky
ChrisHack
Tourist
3 0 2

Thank you very much Alex!!