Drop Down Menu Cutting off on mobile view

Store Design
1

Hello,

I am having problems with viewing my dropdown menu in mobile view. The image below is how I would like it to look:

keketrobo05_0-1658254704588.png
keketrobo05_0-1658254704588.png1786×1022 144 KB

But for some reason it seems to be cutting off more and more with each level you drop down (to clarify, cutting off left to right)

keketrobo05_1-1658254961481.png
keketrobo05_1-1658254961481.png1850×987 159 KB

I have tried adjusting the font type, font size, max width of the page, and even the menu itself but can not seem to solve this. Any help would be greatly appreciated!

My url is: https://okum-supply.myshopify.com/

2

Hi @keketrobo05
You can try to add this code into the bottom of the theme.css file

.mobile-nav-panel ul {
  margin: 0 !important;
}
3

That worked perfectly. Thank you so much