Home Forums WoodMart support forum Setting "main menu" in "WoodMart header builder"

Setting "main menu" in "WoodMart header builder"

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

    Evgeny Sviridov
    Participant

    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.
    #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

    Evgeny Sviridov
    Participant

    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/

    #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

    Evgeny Sviridov
    Participant

    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?

    #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

    Evgeny Sviridov
    Participant

    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.
    #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

    Evgeny Sviridov
    Participant

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

    #119483

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

    Best Regards

    #122694

    Evgeny Sviridov
    Participant

    Thanks for the help, you helped solve my problem.

    #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.