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

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

swawestore
Excursionist
59 0 8

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

Reply 1 (1)

BSS-TekLabs
Shopify Partner
535 153 177

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

BSSTekLabs_0-1719054925148.png

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!

 

 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency