How can I remove text next to icons in my navigation bar?

Store Design
1

Hey guys,

Can someone please help me out with removing the ‘search’ and ‘shopping cart’ text in my nav bar? Just want the icons to be there but I am unsure where to remove it in the header. liquid.

Site URL: https://soundlab-melbourne.myshopify.com/

Password: thesoundlabmelbourne

Screen Shot 2022-06-20 at 11.26.24 am.png
Screen Shot 2022-06-20 at 11.26.24 am.png1452×238 6.22 KB

2

@Hannaht2

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme**.css** ->paste below code at the bottom of the file.
.menu-meta__text {display: none;}
3

Hey @KetanKumar ,

Thanks for getting back to me!

That works, thank you! Is it possible to just remove ‘search’ and ‘shopping cart’ and leaving the menu text there?

4

@Hannaht2

yes, please add this code

span.menu-opener__text.lap--hide.menu-meta__text {
    display: block;
}
5

@KetanKumar

Thank you so much! Is adjusting the padding between icons difficult?

6

@Hannaht2

yes, please add this code

.header .menu-meta li:not(:last-child) {margin-right: 10px;}