How Can I Add 'Menu' Text Next to the Drawer Menu Option? Dawn 14 Theme

Solved

How Can I Add 'Menu' Text Next to the Drawer Menu Option? Dawn 14 Theme

Element1
Explorer
54 0 9

Hello,

 

Is it possible to add the word "menu" next to the drawer menu option, similar to how it's displayed on the rembeauty.com website? I've attached a picture for reference.

 

I'm using the Dawn 14 Theme.

 

Unfortunately, I can't share my URL because the theme isn't published on my website yet

 

Thank you in advance!

 

 

Screenshot 2024-06-16 012112.png

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1972 564 566

This is an accepted solution.

Hi @Element1 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css. Search for the following CSS snippet

.header__icon.header__icon--menu.header__icon--summary.link.focus-inset span::after {
    content: 'menu';
    padding-left: 75px;
    padding-bottom: 5px;
}

 Result

BSSCommerceB2B_0-1718502413553.png

If it helps you, please like and mark it as the solution.

Best Regards

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

AnneLuo
Shopify Partner
1293 228 265

Hi, @Element1 

Please share the store preview URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

BSSCommerce-B2B
Shopify Partner
1972 564 566

This is an accepted solution.

Hi @Element1 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css. Search for the following CSS snippet

.header__icon.header__icon--menu.header__icon--summary.link.focus-inset span::after {
    content: 'menu';
    padding-left: 75px;
    padding-bottom: 5px;
}

 Result

BSSCommerceB2B_0-1718502413553.png

If it helps you, please like and mark it as the solution.

Best Regards

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Element1
Explorer
54 0 9

This worked, thank you so much!

BSSCommerce-B2B
Shopify Partner
1972 564 566

Thank you for marking my answer as a solution.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now