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
Excursionist
30 0 3

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
565 114 137

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


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


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

AnneLuo
Shopify Partner
774 145 160

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
565 114 137

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


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


BSS Commerce - Full-service eCommerce Agency
Element1
Excursionist
30 0 3

This worked, thank you so much!

BSSCommerce-B2B
Shopify Partner
565 114 137

Thank you for marking my answer as a solution.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


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


BSS Commerce - Full-service eCommerce Agency