Support » Plugin: Polylang » Polylang dropdown

  • Hello,

    Does anyone have an idea about how to customize the design of the dropdown menu in Polylang?

    When one hover over the active language, the dropdown menu appears in a box. I would like that box to be transparent instead of white. And maybe not having a box at all…




    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • This is just a CSS issue not related to Polylang and you use a list dropdown, not a select:

    .main-header-menu .sub-menu {
        border: none;
        background: transparent;
    .ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu {
        box-shadow: unset;


    • This reply was modified 2 months, 4 weeks ago by curlybracket.
    Thread Starter kwyjibeuss


    Thanks you so much, @veganist !

    Could you please tell me where I should add this piece of code? I am not familiar at all with that… 😅



    Hi! @kwyjibeuss,

    sorry for not getting back to you earlier.

    You need to add this code to a stylesheet.

    You should be able to add additional CSS styles here: → look at the bottom of the menu, there should be “Additional CSS” and there you can just copy paste that code I wrote above.

    Or you can directly edit your theme’s stylesheet, although your question above suggests that you should ask a knowledgeable friend for help with that 🙂

    Good luck!

    Thread Starter kwyjibeuss


    Hi @veganist,

    No need to be sorry 😉 I appreciate you help very much: it solved my problem.

    I am indeed pretty clueless when it deals with coding. I started to learn Python but not for web design purposes…

    Thanks !


    Hi Seb @kwyjibeuss,

    happy it worked!
    I think you could now mark this topic as being resolved 🙂

    Thread Starter kwyjibeuss


    Problem solved. Thanks @veganist 😉

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