Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #709772

    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 7 years, 4 months ago by Rico008.
    #709931

    Hey Rico008,

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

    Best regards,
    Jordan

    #710215

    Hey Jordan,

    see login details in private area.

    Regards Henrik

    #710601

    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

    #715884

    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

    #716299

    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

    #716405

    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

    #717566

    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

    #722418

    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

    #723561

    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

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