One of my header menu options is in another color, but it shouldn't b

Store Design
, , ,
1

Yesterday when I stopped adjusting some things in my store, all the menu items were black, and when hovered, they stayed in the color I want, “#bf024b” but today the second category stays in that color all the time, and I don’t know why

Gustavo1105_1-1696305798873.png
Gustavo1105_1-1696305798873.png1326×619 1 MB

https://rubycompany.com.br

2

Hi @Gustavo1105 ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the one of header menu options is in another color, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

.header__active-menu-item {
  color: #000 !important;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

3

Hi @Gustavo1105

Please add link for that parent menu to solve the issue.

4

How do i do that?

5

Go to you Online store > Navigation > Main menu, click Edit next to that menu item and add the link

6

Could you help me get rid of the underlines on the header menu? i tried multiple solutions but none of those worked

Gustavo1105_0-1696307137910.png
Gustavo1105_0-1696307137910.png1229×513 24.5 KB

7

Gustavo1105_1-1696307282602.png
Gustavo1105_1-1696307282602.png1365×628 50.7 KB

what i do from here?

8

Hi @Gustavo1105 ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the underline in menu, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

details[open] > .header__menu-item{
	text-decoration: none;
}
a {
	text-decoration: none !important;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

9

Thank you so much :grinning_face_with_smiling_eyes:

10

Hi @Gustavo1105 ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the highlighted on #bf024b, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

a:hover .price-item--sale,
a:hover .price-item--regular {
    color: #bf024b;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly