menu wont show on mobile view for blue supply theme?

[StevenBow]

Hi,

I've just noticed the menu for my site isn't showing any menu items when I click it on mobile view, I'm pretty sure it was previously working but I have been doing some coding recently so I think that may be what caused it.

https://polycarbonates-central.myshopify.com/

site password: pihire

Any help would be great,

[Zworthkey]

sure,

The dropdown menu is not showing, while on the mobile view

Let me check where the issues were occurring.

Thank you 

[24by7themes]

Please add below line of css in theme.scss file

@media screen and (max-width: 768px)
.show-nav .nav-bar {
    height: 100%;
}
}

[StevenBow]

Thanks, but it hasn't worked unfortunately. I've attached a screenshot of what it does when I add it to the theme.scss file.

[24by7themes · Accepted solution]

I am sorry, it was syntex error in my code. Please add below code.

@media screen and (max-width: 768px) {
.show-nav .nav-bar {
    height: 100%;
}
}

[Zworthkey]

It doesn't work.

[Pallavi]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.show-nav .nav-bar .wrapper {
min-height: auto;
}

.show-nav .nav-bar {
height: calc(100% - 50px);
overflow-y: auto;
}

[StevenBow]

Works like a charm!! cheers