How can I fix the Dawn theme header drawer issue on mobile?

Store Design
1

Hi,

The dawn theme seems to have a problem. I am not able to see the account login symbol in the drawer Navigation (mobile view).

IMG_20220825_152103.jpg
IMG_20220825_152103.jpg1080×2376 85.3 KB

Looks like the browser’s address bar is pushing it down. Scrolling up reveals it but is there a way to make it appear even without scrolling up?

Thank you in advance

2

@Rainson
Hello,
Please Share Your Store URL and Store Password

3

Hi,

Its septemver.com

Password: 123

Thank you

4

@Rainson ,

oscprofessional_0-1661424503956.png
oscprofessional_0-1661424503956.png1815×980 35.5 KB

It is showing.

5

Yes, i understand. It does show in some places.

The problem is with mobile browsers when the url address bar is visible. Could you check from mobile as well? While making the browser’s url address bar visible

6

@Rainson ,

.menu-drawer__utility-links {
    margin-bottom: 6%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

7

Thank you. It worked. The 6% was small and still a part of it wasn’t visible, so I changed it to 30% and now it’s working.

Thank you very much :folded_hands: