How can I change my Turbo theme menu color to red?

Store Design

Topic summary

A Shopify store owner wants to change the color of their “BULK BUYS” menu item to red in the Turbo theme.

Solutions Provided:

Two developers offered CSS code snippets to achieve this:

  • CodegearThemes suggested targeting the last child of the desktop navigation tier-1 items with a color property set to red
  • PageFly-Henry provided a more detailed approach:
    • Navigate to Online Store → Theme → Edit code
    • Locate the styles.css file
    • Add CSS code at the bottom targeting the specific menu link with color: red !important

Both solutions involve adding custom CSS to override the default menu styling. The discussion appears resolved with actionable code provided, though no confirmation of implementation success was posted.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

I would love to change my menu “BULK BUYS” color to Red
My website is kokodive.myshopify.com
and my theme is turbo theme :slightly_smiling_face:

Thanks!

222.png
222.png953×686 295 KB

2

Use this style it should work

.nav-desktop__tier-1 .nav-desktop__tier-1-item:nth-last-child(2) a {
    color: red;
}
3

Hi @cokodive

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file styles.css

Step 3: Paste the below code at bottom of the file → Save

[href=“https://cokodivebulkbuys.com/”] span {

color: red !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly