Home Forums WoodMart – Premium Template Setting "main menu" in "WoodMart header builder"

This topic contains 11 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month, 1 week ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #118416

    evgenysviridov
    Customer

    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?

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #118450

    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

    #118907

    evgenysviridov
    Customer

    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/

    Private Content Hidden
    #118958

    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

    #118984

    evgenysviridov
    Customer

    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?

    Private Content Hidden
    #119001

    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

    #119099

    evgenysviridov
    Customer

    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)

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #119190

    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

    #119404

    evgenysviridov
    Customer

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

    Private Content Hidden
    #119483

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

    Best Regards

    #122694

    evgenysviridov
    Customer

    Thanks for the help, you helped solve my problem.

    Private Content Hidden
    #122702

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

    Best Regards

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Setting "main menu" in "WoodMart header builder"’ is closed to new replies.