Menu hamburger disappear on click (mobile) and one line menu desktop

[kashco]

https://kashco-interiors.myshopify.com/?_ab=0&_fd=0&_sc=1

the 3 dotted lines it disappears upon click in mobile version which I don’t want. 

desktop: menu should be one line kindly. How can we fix this

Can someone help me fix this ? password: kashco

[Arif_Shopidevs]

@kashco 

details:not([open]) > .header__icon--menu .icon-close, details[open] > .header__icon--menu .icon-hamburger {
    visibility: visible!important;
    opacity: 1!important;
    
}

How to Add This to Shopify Dawn Theme:

1. Go to Shopify Admin → Online Store → Themes.
2. Click "Customize" on your Dawn theme.
3. In the theme editor, go to "Theme settings" (bottom left).
4. Scroll down and click "Custom CSS".
5. Paste the above CSS code and save changes.

Alternative (Edit Theme CSS Directly):

1. Go to "Online Store" → "Themes".
2. Click "Actions" → "Edit code".
3. Open base.css inside the assets folder.
4. Paste the CSS at the bottom and Save.
   

It will show when drawer open after click

[kashco]

https://community.shopify.com/c/shopify-design/keep-menu-items-in-a-single-line-instead-of-two-lines...

I tried this but no luck. 

[kashco]

No your solution also doesn't help sir. Can I provide collaborative access just to fix this menu please.