How can i change one specific title in my drawer menu

[Michaelc_1]

is there someone who can help me with this i’m trying to change the one specific title name on the drawer menu i want the change ( sale black) to (sale red) how can i change this

[devcoders]

Hello @Michaelc_1
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[TheUntechnickle]

Hi @Michaelc_1 ,

I totally get that you’d like to change the “Sale” text in your drawer menu from black to red. Here’s how you can do it easily:

Steps to Update the “Sale” Text Color

Go to Your Shopify Admin Panel

• Navigate to Online Store → Themes → Edit Code

Find the Drawer Menu File

• Look for sections/drawer-menu.liquid (or a similar file depending on your theme).

Locate the Menu Item Code

• You’ll find a section that looks like this:

{% for link in menu.links %}
  <a href="{{ link.url }}" class="drawer-menu__item{% if link.active %} drawer-menu__item--active{% endif %}">
    {{ link.title }}
  </a>
{% endfor %}

Add This CSS to Your Theme’s Stylesheet

• Open assets/theme.css and add:

.drawer-menu__item[href*="sale"] {
  color: red !important;
}

• This will apply red to any menu item containing “sale”.

Alternative Approach for More Control

• Modify the menu item code in drawer-menu.liquid like this:

{% for link in menu.links %}
  <a href="{{ link.url }}" 
     class="drawer-menu__item{% if link.active %} drawer-menu__item--active{% endif %}{% if link.title contains 'Sale' %} sale-link{% endif %}">
    {{ link.title }}
  </a>
{% endfor %}

• Then add this CSS:

.sale-link {
  color: red !important;
}

Would you like me to implement this for you directly? I’d be happy to take care of it and make sure it matches your theme perfectly! Just let me know.

Best,
Shubham | Untechnickle

P.S. If you’d like to try different colors or need further tweaks, feel free to ask!

[Michaelc_1]

Hi dev

my website url is www.melvirlondon.com

[Michaelc_1]

Hey untechnickle,

ty for reacting but even the first step i can’t seem te get thru nothing of the code you presented i can fide in the codes

[TheUntechnickle]

Hi @Michaelc_1 ,

Thank you for sharing the file names and your store URL!

To change the “Sale” text color in your drawer menu to red, please add the following CSS code:

a[href*="/collections/sale"] .reversed-link {  
  color: red !important;  
}

Where to Add This Code:

This CSS should be added to your theme’s main CSS file, usually found in:

• assets/theme.css
• If not available, check for base.css, custom.css, or styles.css.

**Steps to Apply the Change:**1. Log in to Shopify Admin.

1. Navigate to Online Store → Themes.
2. Click Actions → Edit Code on your active theme.
3. In the left sidebar, open the Assets folder.
4. Locate and open your main CSS file (likely theme.css).
5. Scroll to the bottom of the file.
6. Paste the CSS code above.
7. Click Save.

The !important flag ensures the color override. If you prefer a different shade of red, you can replace red with a hex code like #FF0000.

Let me know if you need any adjustments or further assistance!

Best regards,
Shubham | Untechnickle

[Michaelc_1]

A Million thx it worked out can i keep u in my contact list if i may encounter other issues in the future ?

[TheUntechnickle]

Of course, Michael! Please save us and do send us a ‘hi’ on our email so that we can add you as well

Have a great day,
Shubham | hello@untechnickle.com

[Michaelc_1]

Hi The untech i just changed the menu but now the sale button doesnt appear red : https://www.melvirlondon.com/

[TheUntechnickle]

Hey @Michaelc_1 ,

Can you please share your collaborator code over DM or email, so that we can fix this for you

Cheers!
Shubham | Untechnickle