How to add "Menu" or "Shop" text next to the drawer icon in Impulse Theme

Solved
Jerrytexas
New Member
5 0 0

Please see picture example.  Any help greatly appreciated.  Thank you!

site:  www.grandefishingco.com

shopify help.jpg

0 Likes
suyash1
Shopify Partner
2749 291 453

@Jerrytexas - add give css to the end of theme.css file and it will look like screenshot

.js-drawer-open-nav:after {content: "shop";}

suyash1_0-1618202270054.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Jerrytexas
New Member
5 0 0

In this area?  Sorry, I am no programmer and this is foreign to me,  Don't think I am even in right section

 


<div class="site-nav{% unless section.settings.main_menu_alignment == 'center-drawer' %} medium-up--hide{% endunless %}">
<button
type="button"
class="site-nav__link site-nav__link--icon js-drawer-open-nav"
aria-controls="NavDrawer">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><path d="M7 15h51M7 32h43M7 49h51"/></svg>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
</div>
</div>
 

0 Likes
Jerrytexas
New Member
5 0 0

Jerrytexas_0-1618241011394.png

 

0 Likes
chong
Excursionist
32 1 3

This is an accepted solution.

Go to your theme.scss folder. Add this to the bottom of your folder.

.js-drawer-open-nav:after {content: "shop";}

 

Make sure the you paste the code onto the last line. Afterwards, click save on the top right corner

Refresh your page. You should see this

Capture.JPG

It should look something like this. It doesn't matter what is above it. Just ensure that the code as shared from above is on the last line

Capture.JPG

0 Likes
Jerrytexas
New Member
5 0 0
That worked perfectly! Thanks you so much
0 Likes