How to fix CSS header drawer menu list issue?

[Yehyanabha]

 

Hello everyone, I’ve got a problem in css I want to make menu list when I open details, the problem is when I press on jewelry everything get - I want them to be + here’s the code I’m using: .menu-drawer__menu-item>.icon-arrow { display: none; } /* Initial style for all menu icons */ .menu-drawer__menu details summary.menu-drawer__menu-item::after { content: '+'; display: block; position: absolute; top: 50%; right: 2.5rem; transform: translateY(-50%); transition: transform 0.3s ease-in-out; /* Add a transition for smooth animation */ } .menu-drawer__menu details[open] summary.menu-drawer__menu-item::after { content: '-'; transform: translateY(-50%) rotate(180deg); /* Rotate "-" 180 degrees */ } store url: https://91f4f3-3.myshopify.com/ password: mopawm

[PageFly-Noah]

Hi @Yehyanabha 

This is Noah 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>
.menu-drawer__menu details[open] summary.menu-drawer__menu-item::after {
  content: '' !important;
  transform: unset !important;
}
</style>

Or you can replace the code 

.menu-drawer__menu details[open] summary.menu-drawer__menu-item::after {
  content: '' !important;
  transform: unset !important;
}

Hope this can help you solve the issue 

Best regards,

Noah | PageFly