how to change three vertical lines menu to the image I have attached

[swawestore]

I want a text menu written on menu section like this site on my website https://swawe.store/

[BSS-TekLabs]

Hi @swawestore,

You can follow these steps to change the three vertical lines menu to the text

1. Open Online Store > Theme > Edit Code

2. Find and open base.css (or theme.css, custom.css, styles.css)

3. Paste the code snippet below to the bottom of the file and hit save

@media (max-width: 989px) {
    #Details-menu-drawer-container summary span svg {
        visibility: hidden;
    }
    
    #Details-menu-drawer-container summary span::after {
        content: "MENU";
        position: absolute;
        left: 30px;
        font-family: var(--font-body-family);
        font-weight: bold;
        font-size: 1.75rem;
    }
}

Here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!