How do I change the font size of the dropdown menu text in Fashionopolism Responsive Shopify theme?

Technical Q&A

Topic summary

A Shopify store owner seeks to modify the dropdown menu styling in the Fashionopolism Responsive theme, specifically:

Primary Issue:

  • Change font size of dropdown menu text that appears when hovering over “Browse Collections”
  • Change background color of the dropdown menu

Proposed Solution:
A PageFly support representative suggests adding custom CSS code:

  1. Navigate to Online Store → Theme → Edit code
  2. Open the theme.liquid file
  3. Paste CSS code before the tag

Current Status:

  • Initial solution did not work for the user
  • Support requested store URL and password to provide further assistance
  • User shared store URL (www.lindsays-shop.com)
  • Support offered to provide updated code snippet

Resolution: Ongoing - awaiting customized code solution based on the specific store setup. The discussion involves CSS modifications to the theme.liquid file.

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

How do I change the font size of the text in the dropdown menu? For example, when someone hovers their curser over the Browse Collections under my main menu a dropdown appears that lists the collections. I would like to change the font size of the text in the dropdown. Last, how do I change the background color of the dropdown menu?

2

Hi @Juel ,

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 :

Note: You can change value to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

3

This did not work for me.

4

Can you please share your store URL and password (if enabled). So that we can help you. Thank you!

5

www.lindsays-shop.com is my URL.

6

@Juel , You can add below code before in theme.liquid:
1 Like