A user wants to make the first item in all main menus bold using CSS. They tried existing code but it only affected the first item in the second menu, not all menus.
Solution provided:
Add CSS code in the theme.liquid file before the </body> tag
Target specific menu items using .site-nav__link selectors with :first-child
Current status:
The user attempted to adapt the code themselves by adding multiple CSS rules for different menus
They’re asking if their approach (adding more menu points) is the correct method
The helper confirmed some menu items are already bold after checking
Note: The conversation text appears reversed/encoded in places, making some technical details difficult to verify. The discussion involves CSS selectors and Shopify theme customization.
Summarized with AI on November 8.
AI used: claude-sonnet-4-5-20250929.
I hope some of you can help me. I’d like to have ALL the FIRST items in my main menus be in bold font.
I found the following code in a post, but it doesn’t make ALL the first menu points bold, only (for some reason) the first point in the second menu. The code was added to my theme.liquid file before the . Maybe it’s easier for some of you to edit it than to make something new, so I’m pasting it for you here (I removed the code again):
You can see my shop at webshop.raatoggodt.dk with password “Christian”.
But won’t this only change the first menu item in my “Møbler & Indretning” point? I also want the first point in the following menus (Materialebank and ReBike will also get a menu) to be bold.
