Menu items in Horizon theme using incorrect font size

Store Design
, , ,
1

I’m using the Horizon theme and the menu items that do not have children are using the same font size as the children rather than the font size for the parent. I want all top-level menu items to be the same (larger) size whether they have submenus or not. Can someone help me with some code please? Thanks!

2

you got a screen shot, site url?

3

Hi @craneandcrowgallery
Can you share your store url so that I can check it?

5

Hi @craneandcrowgallery

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

6

URL is craneandcrowgallery.com. Here is screenshot of how my menu is constructed. You can see I used a workaround by creating a submenu item for each item that was not showing up correctly using a “-” for a label and a # for the link.

image
image2256×1504 389 KB

7

This is what my menu looks like with the workaround. With the exception of the dashes, it is how it is supposed to look.

image
image1459×628 65.1 KB

8

This is what my menu looks like without the workaround. The menu items for wall art, artists and ceramics and glass are now the same size as the submenu items when they should be the same size as the top-level items.

image
image1444×651 66.5 KB

Thank you all for your help!

9

PS. Only a problem on the desktop. The mobile version works as it should.

11

@craneandcrowgallery the parent menu item has the separate class mega-menu__link–parent which sets different css for parent item, or else all the items share same css. You can set some class like noparent for non parent items and set css for them. It will need a small code editing but can solve issue as css will be separated.

12

Thank you! Your response, coupled with Sunscript’s, helped me fix the problem.