Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 27, 2023 at 11:56 pm #1426565
    hjgeel

    Hi,
    I hope I can make myself clear. Using enfold 5.6.8 and WPML 4.6.7.
    I have the language switcher in the headermenu.
    When the screen is lower than 750pixels, Te flags in the headermenu drop below the header menu. So this occupies extra space (A whole line).
    Is there a way to have the flags ‘stick’to the headermenu and make them break only when needed due to space. So on a mobile phone for example.

    November 28, 2023 at 1:40 am #1426575
    Nikko

    Hi Henk-Jan,

    Can you try to put this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #header_meta .sub_menu>ul {
    float: left;
    width: auto;
  }

  .responsive #header_meta .sub_menu>.avia_wpml_language_switch {
    float: right;
    width: auto;
  }
}

    Hope it helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.