How can I modify the text color and divider in my menu?

Store Design
1

Zuschalfen_0-1674821930324.png

Hey people,

1- How can i change the color of just Bestseller text (for example i want to make it red and bold)

2- i put “|” to divide Sclatwelt and Schlatblog but it doesn’t look good on either desktop and mobile. is there any other idea?

Thanks

2

Hello @Zuschlafen
Please share your website URL.

3

https://zuschlafen.de/

4

Hello @Zuschlafen
I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
.header__menu-item[href="/collections/bestseller"] {
color: red !important;
font-weight: bold !important;
}
.header__menu-item[href="/"] span {
text-decoration: none !important;
}

@media(min-width: 280px) and (max-width : 767px){
.header__menu-item[href="/"] span {
display: none !important;
}
}
</style>

Was my reply helpful? Please Like and Accept Solution. This means alot to me.