Symmetry theme drop down menu Font and Weight change

Store Design

Topic summary

A user needed to modify the Tier 2 dropdown menu headings in the Symmetry theme to use a larger, bold font.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Paste custom CSS code before the closing tag

Outcome:
The solution successfully resolved the issue. The custom CSS approach allows direct styling control over the dropdown menu typography without requiring theme file modifications beyond adding the code snippet.

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

Screen Shot 2023-04-08 at 11.25.32 AM.png
Screen Shot 2023-04-08 at 11.25.32 AM.png1874×610 76.7 KB

How do I change the Tier 2 drop down menu headings to a larger font, and bold.

I have Symmetry theme

2

Hi @missy3 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Totally worked! Thanks Victor!