In dawn theme, how do I change default search & bag icon to the words "SEARCH" & "CART" instead ?

[nanahcubotal]

Would love to match the menu vibe on the left side of the logo.
Please advise — thank you. 

Shop URL: figurestudy.us

[Mehran_Ali]

Hi @nanahcubotal 

You can easily achieve this by following these steps 

1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css

Past this CSS

#cart-icon-bubble .svg-wrapper { display: none; }
#cart-icon-bubble .visually-hidden {position: unset !important;width: 40px;}

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

[nanahcubotal]

Close but I would prefer the words to be in all caps like the other menu items, "HOME" etc. And the search bar is still an icon rather than the word SEARCH. Can this be adjusted? Let me know — thank you

[Mehran_Ali]

Sure but for that we have to ad the search word their in header for that you have to provide me collaboration access so I can help you out 

[DaisyVo]

Hi @nanahcubotal 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

a#cart-icon-bubble span.svg-wrapper::before {
    content: "CART";
}
a#cart-icon-bubble span.svg-wrapper svg {
    display: none !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.