How can I make a submenu bold?

Store Design
,

Topic summary

A user seeks help making submenu items bold on their Shopify store. They provide a preview link and password for troubleshooting.

Initial Solutions:

  • Two contributors offer CSS snippets to add to either the theme.liquid file (before closing </body> tag) or theme.scss file
  • The first solution uses .site-nav__dropdown .site-nav__link selector with font-weight: bold

Refinement:

  • The initial CSS makes all menu items bold, but the user only wants specific submenus bolded (shown in an attached image)
  • A revised solution targets .site-nav__child-parent--link with font-weight: bold !important

Resolution:

  • The refined CSS successfully bolds only the desired submenu items
  • The issue is marked as resolved with the user confirming it “worked perfectly”
Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

hello! please help me how to make this submenu bold.

Untitled.png
Untitled.png1333×632 353 KB

2

@Pedz23 - can you please share this page preview link?

3

@suyash1 https://bizsupplystore.com/?_ab=0&_fd=0&_sc=1

4

the password: adm!n321

5

@Pedz23 - password to view page?

6

@Pedz23
Put below css into theme.liquid file before closing tag

Ujjaval_0-1672232397669.png
Ujjaval_0-1672232397669.png1440×757 221 KB

7

@Pedz23 - add this css to the very end of your theme.scss file and check

.site-nav__dropdown .site-nav__link {font-weight: bold;}

suyash1_0-1672232652976.png
suyash1_0-1672232652976.png1366×768 244 KB

8

it worked. but all became bold, can we make bold only the menus in box below?

Pedz23_0-1672233520278.png
Pedz23_0-1672233520278.png876×198 22.7 KB

9

@Pedz23 - try this css

.site-nav__child-link--parent {font-weight: bold !important;}
10

@Pedz23 put below css into theme.liquid file before closing tag

Ujjaval_0-1672234170406.png
Ujjaval_0-1672234170406.png1435×761 201 KB

1 Like
11

it worked perfectly! thank you!