Mobile Menu CSS Problems

[yzarda]

Hey, I have a problem with the mobile navigation. I have changed the navigation view so that the width is 80% so that the navigation does not extend around the whole page but 20% less when clicking. Now I have the problem that I have menu items like the support which also has sub-items. When I click on these items with sub-items, the view is not correct. What can I do? Many thanks for the answers in advance!

Thats the code for the changes: 

<style>
.js .menu-drawer__menu li {
position: relative;
padding-bottom: 2px; /* Platz für die Linie */
box-sizing: border-box; /* Berücksichtigt padding in der Berechnung */
font-size: 1px !important; /* Kleiner Schriftgröße */
}

.js .menu-drawer__menu li::after {
content: "";
position: absolute;
bottom: 0;
left: 10%; /* Ändern Sie den Prozentsatz nach Bedarf */
width: 80%; /* Ändern Sie den Prozentsatz nach Bedarf */
border-bottom: 0.3px solid #808080; /* Linie */
}
</style>

[PageFly-Richard]

Hi @yzarda 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
ul.menu-drawer__menu.has-submenu.list-menu.submenu-open > li {
    display: none;
}
ul.menu-drawer__menu.has-submenu.list-menu.submenu-open >li:has(.menu-opening) {
    display: block !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[yzarda]

Hello Richard, thanks for your reply. Your code fulfills the height but we have the following problem. For example, under "Länder"where you were there are buttons under the dots. Please go to curclean.com on your cell phone, in the navigation under countries and try scrolling down in the country line. The dots are not visible but all in one line. Thanks.

[yzarda]

@PageFly-Richard 

Hello Richard, thanks for your reply. Your code fulfills the height but we have the following problem. For example, under "Länder"where you were there are buttons under the dots. Please go to curclean.com on your cell phone, in the navigation under countries and try scrolling down in the Länder line. The dots are not visible but all in one line. Thanks.