Studio Theme Menu

Store Design
,
1

I have a menu with 3 items. When I add sub menus to one of the menu items it makes the font a lot smaller and higher up than the other two and looks weird. I am using the studio theme. Is there a way to make the font the same size when adding sub menus? The photo shows the difference. Thank you.

menu
menu856×445 11.2 KB

2

This is a theme or CSS issue where the submenu item is inheriting different styling than the main menu items. Check the menu typography settings and make sure the submenu font size, line height, and font weight match the parent menu. If the theme doesn’t provide an option for it, a small CSS override targeting the submenu items should fix the size and alignment.

3

I installed studio theme. Tried to replicate this issue.
It is fixed in mine:

image
image1127×631 53 KB

For that use the following css:

.header__inline-menu details > summary.header__menu-item,
.header__inline-menu details > summary.header__menu-item > span {
  font-size: 1.8rem;   /* set this to the SAME size as your other menu items */
  font-weight: 500;
  line-height: 1.4;
}

Note: Before doing it, first update your theme. The problem might have already been fixed.

Note 2: If you are a beginner, ask shopify AI. Paste this solution. It helps you navigate easily. It helps you solve basic confusion/doubts/insecurities.

4

Normally, this does not happen.
An app, or edit to theme, or Custom CSS can do that.

This is why it is important to share a link to your store and a preview password (if one is set) to get a proper solution.

5

Please share the link to your page so we can check

6

Thank you! the website is www.beaglebeads.com

8

Thanks! I think it worked.

9

I am glad that it worked.

Can u please select it as Solution. Disclaimer: It will help my profile in this community forum