Why isn't my logo displaying on mobile view?

Store Design
1

Quick coding help please - my logo doesn’t show on mobile. Could anyone help me with how to code that please. I’ve tried a couple of things but they didn’t work. Website is www.bonzadogtreats.com.au

Thank you

2

@BonzaDogTreats

Go to Assetes/timber.scess.css and past below css at bottom of file.

.supports-js .logo__image
{
z-index: 1000 !important;
}
3

Let’s try with this JS code:

Put it in theme.liquid and before the tag

luuquangtinh97_0-1656572138991.png
luuquangtinh97_0-1656572138991.png1223×781 13.9 KB
1 Like
4

Use Below CSS to fix the issue.

However there in no code for mobile header in the theme

@media only screen and (max-width: 480px)

.supports-js .logo__image {
    z-index: 1000 !important;
    left: 155px;
    top: 20px;
}

}

Hit Like and Accept as Solution

5

where do I put that please?

6

Thank you - where would I put that?

7

I edited my reply. Please check again.

8

Perfect, thank you so much

1 Like