How can I highlight a single item in my main menu?

Store Design

Topic summary

Goal: Highlight the “Appointments” item in the Shopify main menu (Galleria theme v2.4) with a distinct background and white text.

Key steps proposed:

  • Both helpers advise editing the theme.liquid file (Online Store → Theme → Edit code) and adding custom code at the bottom of the file, above the tag, to target and style the specific menu item.
  • theme.liquid is the main layout file in Shopify where global scripts/styles can be added.

Resources/shared assets:

  • One reply includes a result image demonstrating the highlighted menu item. However, the actual code snippets shown in the thread are not visible in the text provided (empty code blocks), so the exact CSS/JS is unclear.

Progress/status:

  • The store URL was provided (rathore.com). No password mentioned.
  • The requester plans to implement the suggested approach and report back. One helper is awaiting feedback.

Open items:

  • Exact code needed to achieve the styling is missing from the visible posts.
  • Confirmation from the requester on whether the solution worked is pending. The discussion remains open.
Summarized with AI on January 17. AI used: gpt-5.
1

Hi,

Using Galleria version 2.4

I wants to get the “Appointments” item in the main menu to have a highlighted background and white text. Please help me to get this done.

Regards,

Rathore

2

Hey @rathorejodhpur

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi @rathorejodhpur ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

4

Hi @Moeed

It’s rathore.com

Regards,

Rathore

5

Hi @PageFly-Oliver

Sorry for the delay in replying, but thanks for your information, I just came here and saw your code, I will implement it and let you know if it works.

Regards,

Rathore

Regards,

Rathore

6

Hey @rathorejodhpur

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695118714830.png
Moeed_0-1695118714830.png1898×887 373 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

7

yes, I will wait for feedback