Hello,
I am trying to bolden the “Bikini Tops” and “Bikini Bottoms” Sub Menus on my website.
I can’t seem to figure it out however. Can someone please assist?
Thanks
Topic summary
Goal: Make the “Bikini Tops” and “Bikini Bottoms” submenu items display in bold on a Shopify store.
Context: Shopify theme customization via theme.liquid (the main layout file that controls global HTML/CSS includes).
Proposed solutions:
- Insert custom CSS in theme.liquid before the closing tag. A screenshot was provided showing the bolded result.
- Alternatively, add CSS before in theme.liquid targeting the specific menu item anchor IDs:
- a#HeaderMenu-swimwear-bikini-tops { font-weight: bold !important; }
- a#HeaderMenu-swimwear-bikini-bottoms { font-weight: bold !important; }
Notes:
- Both methods rely on CSS to target the submenu items by their IDs and set font-weight to bold with !important.
- An image was included to illustrate the successful styling change.
Outcome: The store owner confirmed the CSS approach worked perfectly. The issue is resolved; no outstanding questions.
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Result:
If it helps you, please like and mark it as the solution.
Best Regards 
1 Like
Hello @XJSwimwear
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
1 Like
Thank you so much, that worked perfectly!