Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 23, 2023 at 12:43 pm #1408246
    bsingenberger

    Hi,
    We use the WPML plugin for multilingualism. The two flags are displayed on the right of the menu. The individual items in the menu are displayed with vertical dividing lines. However, the dividing lines for the flags are displayed with maximum height.
    How can these be reduced to the same height as the other items in the menu?
    I have shown the link to the website below.

    Thanks,
    Beat

    May 23, 2023 at 2:47 pm #1408255
    Nikko

    Hi Beat,

    Please try to add this CSS code in Enfold Theme Options > General Styling > Quick CSS:

    #top .menu-item-language .avia-menu-text {
    height: 22px;
    padding-top: 5px;
}

#top .wpml-ls-menu-item .wpml-ls-flag {
    display: block;
}

    Best regards,
    Nikko

    May 23, 2023 at 3:13 pm #1408266
    bsingenberger

    Hi Nikko,

    Perfect! It works very well.
    The ticket can be closed.

    Thanks,
    Beat

    May 23, 2023 at 3:46 pm #1408277
    Nikko

    Hi Beat,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Vertical dividers in the main menu’ is closed to new replies.