Is there a way to make the titles in my mega menu larger/underlined?

Store Design
,

Topic summary

Goal: make mega menu titles in the Shopify LOCAL theme larger and/or underlined (e.g., Food, Treats, Poop Bags) for better contrast.

Key suggestions:

  • Add custom CSS in theme.liquid (Shopify’s main layout file). One response said to place it after the tag; another advised placing it at the bottom before . Intended effect: bold/underline styling for the menu titles.
  • Use a browser’s inspect tool to find the exact class/selector for the mega menu titles, then target it with CSS.

Notable inconsistency:

  • One reply referenced WordPress (Appearance > Customize > Additional CSS). This approach is for WordPress, not Shopify, and may not apply to the LOCAL theme.

Attachments/implementation details:

  • Screenshots were shared. Code snippets were mentioned but their actual CSS content was not provided in the excerpt, so exact selectors and rules remain unspecified.

Status:

  • No confirmation from the original poster; no final solution validated. The discussion remains open, with the primary actionable path being to add custom CSS in theme.liquid and identify correct selectors via browser inspection.
Summarized with AI on December 12. AI used: gpt-5.
1

Hello!

I am using the LOCAL theme and was wondering if there was a way to get my mega menu titles to be a bit larger and/or underlined so there is enough contrast that it doesn’t look cluttered.

Can anyone help?

Thanks!

My Website is thebeastiary.ca

(I want food, treats, poop bags etc to be larger and/or underlined)

Screenshot 2024-07-02 195846.png
Screenshot 2024-07-02 195846.png1445×482 32.3 KB

2

Hi @Josh72

You can add this code to theme.liquid file, after in Online Store to make it bold and underline

Screenshot 2024-07-03 at 14.58.34.png
Screenshot 2024-07-03 at 14.58.34.png1190×386 16.5 KB

3

Hi @Josh72 ,

This is San from MS Web Designer.
I would love to assist you. Kindly follow these steps:

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before

If you have any doubt, please let me know.

Regards
San

4

To make the titles in your mega menu larger and underlined in the LOCAL theme, you can achieve this through the Appearance > Customize section of your WordPress dashboard. Go to the Additional CSS area and apply the needed styling, just like I did on my website.

After making the changes, click Publish, and your titles will appear larger and underlined. If it doesn’t work as expected, use your browser’s inspect tool to identify the correct class name for the mega menu titles and make adjustments accordingly. This approach worked seamlessly for me, and it should for you too!