Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 11, 2017 at 10:26 pm #863035
    vadikcoma

    Hello, how I can remove WPML flags from mobile menu?
    https://ambcons.com/en

    I want languages displayed only as LV RU EN without flags
    Screenshot – https://prnt.sc/gw8gqh

    Thank you very much!

    October 11, 2017 at 11:17 pm #863057
    Jordan Shannon

    Hey vadikcoma,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
.language_flag{
display:none!important;
}}

    Best regards,
    Jordan Shannon

    October 11, 2017 at 11:33 pm #863069
    vadikcoma

    Thanks Jordan,

    Flags are gone, but lines are still there :-)

    https://prnt.sc/gw99n0

    October 13, 2017 at 7:11 am #863749
    Rikard

    Hi,

    Thanks for the feedback, please try this instead:

    @media only screen and (max-width: 767px)  {
.language_flag {
   display:none!important;
}
.language_flag < a {
   border:none!important;
}
}

    Best regards,
    Rikard

    October 13, 2017 at 12:28 pm #863893
    vadikcoma

    Hi Rikard, I’m still getting lines on mobile menu. You can see here – https://ambcons.com/

    October 13, 2017 at 7:03 pm #864093
    Jordan Shannon

    Hi,

    Adjust the css to the following:

    @media only screen and (max-width: 767px)  {
#av-burger-menu-ul .av-active-burger-items:nth-child(6) {
display:none;
}

#av-burger-menu-ul .av-active-burger-items:nth-child(7) {
display:none;
}

#av-burger-menu-ul .av-active-burger-items:nth-child(8) {
display:none;
}
}

    Best regards,
    Jordan Shannon

    October 13, 2017 at 9:33 pm #864158
    vadikcoma

    Hi Jordan, now there is an visual “effect” to flags :-)

    October 13, 2017 at 9:54 pm #864160
    Jordan Shannon

    Hi,

    This should be added in addition to the css I gave earlier. Sorry for being unclear. That should fix that effect.

    Best regards,
    Jordan Shannon

    October 13, 2017 at 9:57 pm #864161
    vadikcoma

    Thanks Jordan,

    currently flags are gone, but lines are still disappearing with same effect – https://ambcons.com/

    October 13, 2017 at 10:15 pm #864167
    Jordan Shannon

    Hi,

    Hmmm, I’m guessing it’s because the menu doesn’t load the css until the menu is open. Try the css below (keep the flag css as well)

    
@media only screen and (max-width: 767px)  {
#av-burger-menu-ul li:nth-child(6) {
display:none;
}

#av-burger-menu-ul li:nth-child(7) {
display:none;
}

#av-burger-menu-ul li:nth-child(8) {
display:none;
}
}

    Best regards,
    Jordan Shannon

    October 14, 2017 at 7:26 pm #864319
    vadikcoma

    yes, now it seems to work!

    Thank you!

    October 14, 2017 at 7:31 pm #864322
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Remove flags from mobile menu’ is closed to new replies.