How do these menu work in Horizontal

Cant find the answer to this.

Anybody know how the “Style” work in the menu block in the new horizon theme is suppose to work?

You have the option to choose “text only”, “collection images”, “featured products” and “Featured collections”. (See screenshot)

Hi @mns-burg ,

I am from Mageplaza - Shopify solution expert.

I’ve downloaded the theme’s source code and reviewed this feature.
The purpose of this functionality is to check the menu type and determine whether the title should be capitalized, in order to insert the appropriate inline styles into the HTML.

You can easily find the code related to the header menu in the _header-menu.liquid file located at: blocks/_header-menu.liquid

  • If the selected menu type is featured_products and the product title setting (product_title_case) is set to uppercase, then the variable title_case_style is assigned an inline CSS variable --title-case with the value uppercase.
  • If the menu type is featured_collections and the collection title setting is set to uppercase, the same CSS variable is applied.
  • In the third case, if the menu type is collection_images, it also checks whether the collection title is set to uppercase and applies the same logic accordingly.

If this answer was helpful to you, please give it a Like or mark it as a Solution!

Best regards!