Making language name hidable on small screens with CSS @media

  • Resolved Avaletti

    (@avaletti)


    10 years ago

    I am using non-dropdown configuration of language selector. The site supports 5 languages and 2 more are coming soon. I’d like to hide language names (leaving just flag images to show) on devices with small screen. Is possible to include language name within HTML tag with CLASS property, so that hiding could be done with CSS?

    Or is there a way doing this with current HTML?

    https://www.ads-software.com/plugins/polylang/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Chouby

    (@chouby)

    Hi!

    It is not possible to achieve what you want with the current widget. Alternatively, you can create two widgets, one with names and the other without and manage the visibility of the complet widget with css. Or you can build your own language switcher using the output of pll_the_languages(array('raw' => 1));

    Thread Starter Avaletti

    (@avaletti)

    Wow! This was lightning-fast. Thanks for the recommendation!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Making language name hidable on small screens with CSS @media’ is closed to new replies.