Making menu items bold but leaving submenu items with normal font weight in Craft theme.

Technical Q&A
1

Hi!

I’m new to Shopify, i’m currently doing my first store. I want to make my menu items bold and leave submenu items normal. However, the solutions I found online don’t seem to work.

This code worked if I wanted to make all items (including submenus) bold.

.list-menu__item a {
  font-weight: 700;
}

I asked ChatGPT if it can provide a solution and it came up with these options:

1.)

.list-menu__item:not(.list-menu__item--sub-menu) a {
  font-weight: 700;
}

2.)

<style>
  .site-header__menu li a {
    font-weight: bold;
  }
  .site-header__menu .sub-menu li a {
    font-weight: normal;
  }
</style>

However, none of these worked. My store link is www.cleanspire.hu if you wanna take a look.
Thanks in advance!

EDIT: After finding the HTML codes, I came up with this solution and it works:

.header__menu-item:not(.caption-large) {
  font-weight: 700;
}
1 Like
2

@Adrian1919

thanks for post its prefect work