Language switcher icons double on mobile menu - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
November 8, 2016 at 1:42 pm #709772
Rico008
Participant
Hi there, on the site http://wordpress.p367756.webspaceconfig.de/ i am using the a language switcher. When moving to mobile menu the language icons are visible double. See screenshot on http://wordpress.p367756.webspaceconfig.de/screenshot.png How can i avoid this?

Regards Henrik
- This topic was modified 8 years ago by Rico008.
November 8, 2016 at 7:10 pm #709931

Jordan
Inactive Moderator

Hey Rico008,

Could you please provide login details to your WordPress dashboard, so that we may have a closer look.

Best regards,
Jordan

November 9, 2016 at 2:02 pm #710215

Rico008
Participant

Hey Jordan,

see login details in private area.

Regards Henrik

November 10, 2016 at 9:40 am #710601
Ismael
Moderator
Hi!

The flags should not be included in the mobile menu by default. Did you add any modifications to the theme? If you want to remove it, please add this css code in the Quick CSS field:
```
.menu-item-language, .menu-item-language + *, .avia_current_lang {
    display: none !important;
}
```
Best regards,
Ismael
November 23, 2016 at 1:00 pm #715884

Rico008
Participant

Hi Ismael, i did not do any modification to the theme. I tried your css, but unfortunately with this css the menu items on desktop were removed. So it didnt work for me. Please feel free to login and have a look by yourself.

Regards Henrik

November 24, 2016 at 8:34 am #716299
Ismael
Moderator
Hey!

Please replace the code with the following.
```
@media only screen and (max-width: 767px) {
    .menu-item-language, .menu-item-language + *, .avia_current_lang {
        display: none !important;
    }
}
```
Regards,
Ismael
November 24, 2016 at 1:45 pm #716405

Rico008
Participant

Hey, i inserted the css code to the german and english version, on the german version it works well, but on the english version the DE button is missing, when switching to mobile under 767px. Regards Henrik

November 28, 2016 at 5:58 am #717566
Ismael
Moderator
Hey!

The site is using an old version of the theme. Please update to version 3.8.1. We replaced the css with the following code.
```
@media only screen and (max-width: 767px)
     .avia_current_lang {
         display: none !important;
     }
}
```
Best regards,
Ismael
December 9, 2016 at 2:06 pm #722418

Rico008
Participant

Hi, i inserted the code:

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

still the same issue.
Best Regards henrik

December 13, 2016 at 7:21 am #723561
Ismael
Moderator
Hi,

We already added that code in the field so you don’t have to add it again. We moved the css modifications in the style.css file so that you don’t have to add it on every languaeg. Please remove browser cache or hard refresh before testing the page.
```
@media only screen and (max-width: 767px) {
   .menu-item-language-current, .av-language-switch-item, .avia_current_lang {
       display: none !important;
   }

   #menu-item-811 {
       display:none !important;
   }
}
```
Best regards,
Ismael
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.