Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1336074
    Pablo F
    Participant

    Hi,

    As you can see in the attached image, instead of showing the secondary language flag at the bottom of the active language, the WPML menu shows the secondary flag inside a box without language texts (as expected) but with an excessive width that doesn´t make sense there.

    How could I completely remove that light grey box container?

    Maybe this WPML menu is affected by the Integrity secondary menu CSS rules, but the goal is to have a very simple language dropdown with the secondary flag aligned below the current one, without anything else, without text and CSS boxes.

    Thank you.

    #1336258
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    To do this, you can make a post with the following info:
    – Link to your site

    – WordPress Admin username / password (only if necessary)

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thank you.

    #1336292
    Pablo F
    Participant
    This reply has been marked as private.
    #1336373
    Rue Nel
    Moderator

    Hello Pablo,

    If you want to display the language name, you must edit your menu language switcher option. Please check this out: http://prntscr.com/dxjn10

    And if you want something like this,

    Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .site .menu-item-language .sub-menu {
      background-color: transparent !important;
      margin-top: -10px !important;
      padding: 0;
      box-shadow: none;
      width: auto !important;
      min-width: 65px;
    }
    
    .site .menu-item-language .sub-menu .menu-item-language a {
        margin-top: 0;
        padding-top: 0;
    }

    We would loved to know if this has work for you. Thank you.

    #1336536
    Pablo F
    Participant

    It worked,

    Thank you!

    #1336657
    Rahul
    Moderator

    Glad we were able to help you out.

    Feel free to ask us if you need any further help.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1336074 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>