Polylang dropdown

  • kwyjibeuss

    (@kwyjibeuss)


    4 years, 9 months ago

    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…

    Thanks!

    Cheers,

    Sebastien.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • curlybracket

    (@veganist)

    4 years, 9 months ago

    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;
}

    Enjoy!

    • This reply was modified 4 years, 9 months ago by curlybracket.
    Thread Starter kwyjibeuss

    (@kwyjibeuss)

    4 years, 9 months ago

    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… 😅

    Cheers,

    Sebastien

    curlybracket

    (@veganist)

    4 years, 9 months ago

    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: https://respire-aligne.com/wp-admin/customize.php → 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

    (@kwyjibeuss)

    4 years, 9 months ago

    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 !

    Seb.

    curlybracket

    (@veganist)

    4 years, 9 months ago

    Hi Seb @kwyjibeuss,

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

    Thread Starter kwyjibeuss

    (@kwyjibeuss)

    4 years, 9 months ago

    Problem solved. Thanks @veganist 😉

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Polylang dropdown’ is closed to new replies.

Tags