Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 15, 2021 at 5:28 pm #1305869
    thomasgafo

    Hello sir/madam
    Please I would like to center the main menu. I using “Demo Construction”.
    Regards.
    Thomas

    June 16, 2021 at 4:41 am #1305927
    Nikko

    Hi thomasgafo,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top #avia-menu {
    text-align: center;
}

#top #avia-menu > li {
    float: none;
    display: inline-block;
}

#top #avia-menu > li > a {
    height: 48px;
    line-height: 48px;
}

    Best regards,
    Nikko

    June 16, 2021 at 9:20 am #1305950
    thomasgafo

    Hello Nikko,
    Thanks for your response. It did centered but something like mobile menu appear on the rigth side. We must remove it. I am sharing with you the screenshot.
    Thanks.

    June 16, 2021 at 10:36 am #1305957
    Nikko

    Hi thomasgafo,

    Thanks for providing the screenshot.
    Please replace this part of the code I gave:

    #top #avia-menu > li {
    float: none;
    display: inline-block;
}

    with this one:

    #top #avia-menu > .menu-item {
    float: none;
    display: inline-block;
}

    Best regards,
    Nikko

    June 16, 2021 at 12:10 pm #1305970
    thomasgafo

    Hello Nikko,
    It works perfect !
    Thanks

    June 16, 2021 at 12:43 pm #1305982
    Nikko

    Hi thomasgafo,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu centered’ is closed to new replies.