How to bold first navigation menu item only (while keeping others as is)

Store Design
1

Hi all, how can I make the first item in my navigation menu “Shop Prints +” bolded (and keep the others as is unbolded)?

Link to website: www.urbanframes.ae

1 Like
2

Hi @nadimnahas

Add the following code to the end of your styles.css file:

#pageheader > div.logo-area.container.container--no-max > div.logo-area__left > div > div > div > ul > li.navigation__item.navigation__item--with-children > a {
    font-weight: bold;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

1 Like
3 
li.navigation__item.navigation__item--with-children.navigation__item--active:first-child{
font-weight:900 !important;
}
.navigation .navigation__tier-2:not(.navigation__columns) .navigation__link{
font-weight:100 !important;
}

@nadimnahas
Add this code in the bottom of style.css

1 Like
4

Thank you! But this only bolded it when I’m on the Shop Prints page. The other solution worked well.

5

Worked like a charm. Thanks!