Archived topic

WPML language switcher in off-canvas with auto width

1 reply · Started by Henk on September 23, 2022

Viewing posts 1–2 of 2

September 23, 2022 at 2:48 pm #2352031

Hi,

I have setup WPML on our website.
I managed to show the switcher in responsive mode but I can't find how I can do the following:
* the logo is extremely small, how can I resize it back again to normal?
* how can I make the field with flag auto:width so it takes less horizontal space?

Can you help me with the CSS-code?

Thanks a lot in advance.

Regards,
Henk.

September 24, 2022 at 11:14 am #2352652

Hi Henk,

I'm not able to see the screenshot, but I think I get the idea.

1. Add this CSS to adjust the switcher's width:

#mobile-header .wpml-ls-legacy-dropdown-click, #mobile-header  ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu {
    width:60px;
}

2. Part of the logo issue is from the logo image itself, there's a lot paddings around it, make sure you crop the logo nicely:
https://www.screencast.com/t/IJaHFSMgLa

This archived topic is closed to new replies.

Start building better websites today.