Setting "main menu" in "WoodMart header builder"

Please tell me, is it possible to make a selection of active menu items, as shown in screenshot 2, because I don’t like the standard selection like in the screenshot 1. Is it possible to somehow solve my problem?

Attachments:

You must be logged in to view attached files.

Hello,

As I understood you want to highlight the current menu item, if so

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-light .navigation-style-bordered .item-level-0.current-menu-item>a{
color:red;
}

Set the color as per your needs.

Best Regards

I want the current menu item to be highlighted as follows, the background becomes white, and the text turns black, and when hovering, the background becomes light, as implemented here on this site: https://ohbeautybar.ru/

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-light .navigation-style-bordered .item-level-0.current-menu-item>a{
color:black;
bakground-color:white;
}
body .whb-color-light .navigation-style-bordered .item-level-0.current-menu-item>a:hover{
color:white;
bakground-color:black;
}

Replace the colors as per your needs.

Best Regards

Thank you very much, everything turned out with the current menu item. Another thing I want is that when you hover over any of the menu items, its background becomes the specified color. This can be done?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-light .navigation-style-bordered .item-level-0 >a:hover{
color:white;
bakground-color:black;
}

Best Regards

Thank you very much, you helped solve my problem. But I still have a few questions related to the menu. Is it possible to set delimiters before the first menu item and after the last menu item, the same as between other menu items? (As shown in the screenshot)

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .navigation-style-bordered .item-level-0:first-child {
border-left:1px solid #ffffff
}
body .navigation-style-bordered .item-level-0:last-child {
border-right:1px solid #ffffff
}

Best Regards

Everything turned out, you helped solve my problem, thank you very much!

If you have any questions please feel free to contact us.

Best Regards

Thanks for the help, you helped solve my problem.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts