Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1004820

    Dear Support-Team,

    I would like to adjust the max-length of the WPML language switcher dropdown menu on my Enfold page.

    So far i tried to add the following CSS to the «Additional CSS»-section under the Language switcher options:

    li.wpml-ls-menu-item ul li a {
    width: auto;
    }

    I also added the following CSS code to the Enfold Quick CSS section:

    .menu-item-language .dropdown-menu {
    min-width: auto !important;
    }

    Unfortunately it didn’t change anything.
    Thanks for your reply!

    • This topic was modified 6 years, 2 months ago by AleschJ.
    #1004866

    Hey AleschJ,

    Are you looking to make it wider? If so then you can try this in Quick CSS:

    li.menu-item-language {
        padding: 0 10px;
    }

    Adjust the values to your liking.

    Best regards,
    Rikard

    #1004883

    Hi Rikard

    Thanks for your answer.

    I would like to make the dropdown menu less wide, so that the length is equal to the flag.

    Best regards
    AleschJ

    #1004893

    Hi,

    Thanks for the clarification. Please try this instead:

    li.menu-item-language .sub-menu {
        width:auto;
    }

    Best regards,
    Rikard

    #1004913

    Hi Rikard

    It looks much better, but the flag is now a bit squeezed. Is there a solution that the flag could appear in it’s original size?

    Thanks a lot!
    AleschJ

    #1004948

    Hi AleschJ,

    It looks like you have removed the flag and used the text option instead? Please put the flag back, otherwise we can’t give you accurate CSS.

    Best regards,
    Rikard

    #1005072

    Hi Rikard

    Sorry for that, I put back the flags. Thanks a lot for your good and fast support.

    Best regards
    AleschJ

    #1005098

    Hi AleschJ,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .wpml-ls-menu-item .wpml-ls-flag {
        width: 24px;
        height: 16px;
    }
    li.menu-item-language > a {
      padding: 0 20px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1005326

    Hi Victoria

    Thanks for the code, this works perfectly!

    Best regards
    AleschJ

    #1005506

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1005898
    This reply has been marked as private.
    #1005926

    Hi,

    Great, thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Adjust length of WPML language switcher’ is closed to new replies.