Mobile navigation displaying incorrectly on android

Store Design
1

Hi!

I seem to have an issue with my mobile navigation, it drops down completely where it shouldnt.

Pictures shown the issue. IOS is not a problem. First picture is the issue, second picture is what it should look like!

How can i resolve the issue?

318cfc6f-7516-46f7-939b-23e3a8b9572f.JPG
318cfc6f-7516-46f7-939b-23e3a8b9572f.JPG720×1600 31.4 KB

C2536327-B56F-4F0B-98F4-3EB69CAC2A56.JPG
C2536327-B56F-4F0B-98F4-3EB69CAC2A56.JPG2160×3840 624 KB

1 Like
2

Hi friend,

This needs to be setup in the Theme section of the store.

Can you share with me your store URL?

Thanks and Regards

Hakeem

3

@DJS-b

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi @DJS-b ,

Go to Assets > theme.css and paste this at the bottom of the file:

.header__drawer.caps {
    letter-spacing: normal !important;
}

Hope it helps!

5

@DJS-b

Please add the following CSS code to your assets/theme.css bottom of the file.

.header__drawer.caps {
    letter-spacing: initial !important;
}

Thanks!