Help with Header icons

[ExoticSouls]

Hello, can someone give me the code to remove my Menu, Search, and Cart icons and just have the text like this site (https://braveststudios.com/)

My site is (https://royalsurge.shop/collections/all) password is 333

Thanks in advance!

[SafeerAhmed · Accepted solution]

Hey, 
Add this code in assets/base.css or your custom css file 

summary.header__icon.header__icon--search :before {
    content: 'Search';
    opacity: 1;
    font-size: 18px;
    margin-right: 40px;
}
summary.header__icon.header__icon--search svg {
    opacity: 0;
}

a#cart-icon-bubble svg {
    opacity: 0;
}
a#cart-icon-bubble:before {
    content: 'Cart';
    font-size: 18px;
}

summary.header__icon.header__icon--menu:before {
    content: 'Menu';
    font-size: 18px;
}
summary.header__icon.header__icon--menu svg {
    opacity: 0;
}

if you're unable to fix this and need my help, Feel free to dm me!

[ExoticSouls]

Worked great! Is there any way to remove the under line and also make it match the rest of the font?

[SafeerAhmed]

Add this too!

.header__icon, .header__icon--cart .icon{
text-decoration:none!important;
}
summary.header__icon.header__icon--search :before,a#cart-icon-bubble:before {
    font-family: var(--font-heading-family) !important;
}

[ExoticSouls]

That worked but now there is this at the bottom... How would i remove that?

[SafeerAhmed]

can you please share the screenshot of the file where you paste the code

[ExoticSouls]

Never mind, i figured that out! One more think if possible, how could i add an image as my background for just my home page specifically? Thank you so much for your help!