Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 8, 2021 at 4:37 pm #1320116
    schweg33

    Hello together
    I have a question

    is it possible to center the main menu.
    not on the phone.

    Thanks in advance

    kind regards Franz

    September 9, 2021 at 12:16 pm #1320243
    Ismael

    Hey schweg33,

    Thank you for the inquiry.

    You can add this code in the Quick CSS field to center align the menu.

    .html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    width: 100%;
}

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

    Best regards,
    Ismael

    September 9, 2021 at 12:34 pm #1320247
    schweg33

    Thank you Ismael
    For the quick feedback
    Works great

    Is it possible that the color of the menu item changes to white when I move the mouse over it?

    Kind regards Franz

    September 9, 2021 at 1:20 pm #1320256
    schweg33

    Sorry one more addendum

    now the menu mobile is also centered
    is therefore not active at the moment

    Kind regards Franz

    September 10, 2021 at 6:45 am #1320337
    Ismael

    Hi,

    Sorry about that. Try to replace the css code with the following, so that the changes will only apply on desktop view.

    @media only screen and (min-width: 989px) {
.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    width: 100%;
}

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}
}

    Best regards,
    Ismael

    September 10, 2021 at 8:03 am #1320349
    schweg33

    Thank you Ismael
    Now it fits great

    How can I set that when mouse over the color of the menu item becomes white?
    and that the menu item remains white when I click on it?

    Thanks in advance

    kind regards
    Franz

    September 12, 2021 at 11:13 pm #1320598
    Mike

    Hi,
    Please try going to Enfold Theme Options ▸ Advanced Styling ▸ Main Menu Links and adjust the background color to suit.
    2021-09-12_002.png
    Please note the options Apply only to mouse hover state & Apply only to active state at the bottom, you will want to check one of these and then add another rule to check the other like this:
    2021-09-12_003.png
    and you may also want to use the Main Menu sublevel Links option.

    Best regards,
    Mike

    September 13, 2021 at 7:45 am #1320642
    schweg33

    Hi Mike
    Thanks a lot
    this works great
    you always have a super support

    one more small question
    in the submenu the active menu is not white
    what am I doing wrong here

    kind regards
    Franz

    September 13, 2021 at 12:17 pm #1320715
    Mike

    Hi,
    Glad this helped, for the active submenu items please try this css:

    #top #header .av-main-nav > li.current_page_parent > ul > li.current-menu-item > a {
    color: #ffffff;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 13, 2021 at 1:21 pm #1320721
    schweg33

    Thank you Mike

    now everything fits great

    you can close this request.

    kind regards
    Franz

    September 14, 2021 at 6:36 am #1320842
    Rikard

    Hi Franz,

    Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘menu center’ is closed to new replies.