Replacing dropdown menu text with an icon

Hello! This is my first time posting here, thank you in advance for the help! These forums have been super helpful. I've seen similar requests posted before, but nothing was in line with exactly what I'm trying to do.

I'm trying to figure out a way to replace the "menu" text in the upper left dropdown menu with this icon

Website
Website pw: "art"

Thank you!

Hey @mra0408, try the below. You'll want to remove the word 'menu' from the folder.

.header-nav-folder-title::before {
  content: "";
  display: inline-block;
  width: 32px; /* Adjust width as needed */
  height: 32px; /* Adjust height as needed */
  background-image: url('https://static1.squarespace.com/static/660c373e52a5950e32b0eb84/t/66148c738bb81e0984a23ca4/1712622707576/icons8-play-32+%281%29.png');
  background-size: cover; /* or contain, depending on your preference */
}

Thank you @abibacon! This added in the icon perfectly. How do I remove "menu" from the folder?

Hey @mra0408, you'll want to remove the title from the dropdown folder settings. You'll need to add a space though so that a character remains.