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
  • April 12, 2019 at 11:11 am #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.
    April 12, 2019 at 1:04 pm #118450

    Elise Noromit
    Member

    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

    April 15, 2019 at 12:09 pm #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/

    April 15, 2019 at 4:07 pm #118958

    Elise Noromit
    Member

    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

    April 15, 2019 at 6:16 pm #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?

    April 15, 2019 at 7:37 pm #119001

    Elise Noromit
    Member

    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

    April 16, 2019 at 11:50 am #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.
    April 16, 2019 at 6:55 pm #119190

    Elise Noromit
    Member

    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

    April 17, 2019 at 12:05 pm #119404

    Evgeny Sviridov
    Participant

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

    April 17, 2019 at 4:39 pm #119483

    Elise Noromit
    Member

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

    Best Regards

    May 8, 2019 at 9:26 am #122694

    Evgeny Sviridov
    Participant

    Thanks for the help, you helped solve my problem.

    May 8, 2019 at 9:44 am #122702

    Elise Noromit
    Member

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

    Best Regards

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

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