Mega Menu on Be Yours Theme - Font Spacing (between each letter)

Store Design
,

Topic summary

A user is seeking CSS code to increase letter spacing in the mega menu of the Be Yours Shopify theme.

Request:

  • Wants to adjust font spacing (letter spacing) specifically for the mega menu
  • Provided their website URL for reference

Solution Provided:

  • Add CSS code to the bottom of the assets/base.css file
  • The suggested code targets mega menu labels with letter-spacing: 2px !important
  • Specific selector appears to be for child span elements within the menu list

Status: A solution has been offered but no confirmation yet on whether it resolved the issue.

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

Hi there! Is anyone able to please give me a piece of code to increase the font spacing on the mega menu of the Be Yours theme.

This is our website. https://eventwandererco.com.au/

Thanks!
https://eventwandererco.com.au/

2

Please add below css code at bottom of assets/base.css file

.list-menu-child span.label {
letter-spacing: 2px !important;

}
Thank you.