Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2021 at 11:24 am #1272357
    melanie_erfrischt

    Hi Enfold Team,

    I have a small issue with my mobile menu when using translation with WPML. Both language flags overlay the logo. WPML support recommends this, but I don´t know how to do this:
    Another alternative would be to hide the flags in mobile view and add the WPML menu language changer to the mobile menu. The flags would then appear in the “Hamburger” symbol on the right as a sub-item.

    Could you please help me out?

    Thanks a lot,

    Melanie

    January 18, 2021 at 3:13 pm #1273340
    Mike

    Hey melanie_erfrischt,
    Sorry for the very late reply and thanks for the link, please try this css to adjust the header items away from your logo on mobile.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 430px) { 
	#menu-item-shop .cart_dropdown_link {
    padding: 0 0 0 20px !important;
	}
	.responsive #top #wrap_all .container.av-logo-container {
    width: 100% !important;
    max-width: 100% !important;
	}
	.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    padding: 0 0 0 10px !important;
	}
}

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

    Best regards,
    Mike

    January 21, 2021 at 11:06 am #1274322
    melanie_erfrischt

    Thank you, it works great!

    Best regards, Melanie

    January 21, 2021 at 1:35 pm #1274365
    Nikko

    Hi melanie_erfrischt,

    We’re glad to hear that :)
    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 ‘language flags mobile menu’ is closed to new replies.