Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 22, 2021 at 2:54 pm #1282815
    Alexander2021

    Hi,

    I would like to display the language switcher flag in mobile view next to the hamburger menu.

    How can I achieve that?

    Thanks,
    Alexander

    February 24, 2021 at 9:43 am #1283328
    Rikard

    Hey Alexander,

    Could you post a link to your actual site, so that we can have a closer look please?

    Best regards,
    Rikard

    February 25, 2021 at 4:09 pm #1283701
    Alexander2021

    Hi Rikard,

    see link in private section

    February 27, 2021 at 10:57 am #1284069
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .lang-item {
    display: block;
}
}

    Best regards,
    Rikard

    February 27, 2021 at 11:13 am #1284074
    Alexander2021

    Hi Rikard,

    Thanks, that worked :-)

    Some issues:

    1. The flag-icon shows an active menu indicator in mobile. How can I disable that?

    2. I have set the flag to appear along with my hamburger menu breakpoint at < 990, but between 990 and 768 screenwidth only the hamburger icon shows, not the flag.

    I used this code:
    @media only screen and (max-width: 990px) {
    .responsive #top .av-main-nav .lang-item {
    display: block;
    }
    }

    Regards,
    Alexander

    • This reply was modified 3 years, 9 months ago by Alexander2021.
    March 1, 2021 at 5:13 am #1284317
    Rikard

    Hi,

    You have to edit the media query in the CSS I sent, if you want it to display earlier:

    @media only screen and (max-width: 989px) {
.responsive #top .av-main-nav .lang-item {
    display: block;
}
}

    I can’t see any indicator under the flags on my end, did you manage to find a solution for that?

    Best regards,
    Rikard

    March 1, 2021 at 11:20 am #1284369
    Alexander2021

    Hi Rikard,

    1.
    I have edited the media query so that it would match the hamburger menu breakpoint at 990, but from 768 to 990 the flag does not show up. Shall I provide you with a temporary login?

    2.
    I did not avtively solve the active menu indicator issue, it somehow just does not show anymore :-)

    Regards, Alexander

    March 1, 2021 at 3:46 pm #1284456
    Alexander2021

    Hi Rikard,

    I added “!important” to the CSS and now it works :-)

    So, no more issues with the flag!

    thanks,
    Alexander

    March 2, 2021 at 6:44 am #1284632
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 2, 2021 at 10:15 am #1284641
    Alexander2021

    Hi Rikard,

    Still one more thing … how do I remove the flags from the mobile menu?

    thanks, Alexander

    March 2, 2021 at 10:32 am #1284642
    Alexander2021

    fixed it already :-)

    March 2, 2021 at 3:25 pm #1284778
    Alexander2021

    :-)

    • This reply was modified 3 years, 8 months ago by Alexander2021.
    March 3, 2021 at 2:17 am #1284916
    Jordan Shannon

    Hi,

    I’m glad tis was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘language switcher flag next to mobile (hamburger) menu’ is closed to new replies.