Change width of megamenu text columns

Topic summary

A user seeks help widening the text columns in their megamenu on a Shopify store using the Dawn theme.

Solution Provided:

  • Navigate to the theme.liquid file in the theme editor
  • Add custom CSS code before the closing </head> tag
  • Save the changes

Outcome:
The solution was successfully implemented. The user confirmed it worked and expressed appreciation. Screenshots were shared showing both the implementation steps and the expected result with wider megamenu columns.

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

Hi! I would like to change the width of my megamenu text columns to be wider. Please help!

URL: https://shopkidsplaysets.com/

Theme: Dawn

Thank you!

1 Like
  • Here is the solution for you @amycaslee
  • Please follow these steps:

  • Then find the theme.liqid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

@BSS-TekLabs Thank you so much!!! You are appreciated!

1 Like

Glad to help you. Have a good day @amycaslee .