Why is my mobile dropdown menu not functioning properly?

Technical Q&A
1

Hi there,

We are currently running a debut theme and just found out that the dropdown menu when using mobile is not working and for any reason the main menu is cut. Anyone have any idea? Here is our website: https://artsuppliesaustralia.com.au/

InkedUntitled_LI.jpg
InkedUntitled_LI.jpg400Ă—764 37.3 KB

TIA.

2

Additional info,

Untitled.png
Untitled.png451Ă—720 36.4 KB

before it was like this menu and still the dropdown is not working on mobile. Any thoughts?

Cheers!

1 Like
3

@hurencio
Hi,

Welcome to the Shopify community.

Sorry, you are facing the Issue,
But i can it’s working fine.
I can’t found any issue.

4

Hi Zworthkey,

Its actually a nested menu. it’s different when using desktop instead of mobile. cause when i point at the menu there’s a drop down but when using mobile there’s no dropdown.

I have added some photos

Untitled1.png
Untitled1.png1939Ă—913 259 KB

Untitled2.png
Untitled2.png1940Ă—1083 226 KB

5

Hi @hurencio

This is Anni from MS Web Designer.

Welcome to Shopify community. I will be happy to help you with the issue you are facing.

We have checked the issue and found some backend codes are missing for the dropdown menu for mobile version.

Please check this code you can apply on “edit code > theme.css”(last line of this file)

@media only screen and (max-width: 600px) {
.navbar-nav {
display:block;
}
}

If you are facing any problem or confusion, feel free to ask me.

6

Hi there,

It seems that nothing happened/change. Is it for the toggle on mobile? or for the display to be fit?

Cheers!