How can I make the drop down sub menu box narrower in parallax theme?

Store Design
, , , ,

Topic summary

A user working with the Parallax theme wants to narrow the dropdown submenu boxes so they align with navigation arrows, as shown in an attached screenshot.

Solution provided:

  • Add custom CSS code to the theme.liquid file (after the <head> tag)
  • Access via: Online Store > Themes > Edit code

Outcome:

  • The CSS solution successfully resolved the alignment issue
  • The submenu boxes now display at the desired narrower width
Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m using parallax theme and would like the drop down sub menu box to be narrower for each main menu item. Ideally the box would stop at the purple line shown in the screenshot so it aligns with the arrow.

Link to shop: https://midnight-lightning-climbing.myshopify.com/

9876

Thanks so much!

Screenshot 2024-02-08 at 1.22.07 PM.png
Screenshot 2024-02-08 at 1.22.07 PM.png2912×1042 377 KB

2

Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code.
1 Like
3

That worked! Thanks so much!

4

Always. You’re welcome.