Docs

[bak]

Hi

I have a language switcher in my menu. Ho can I align the flags vertically so that they are under each other and that the submenu is not so large?

[bak]

This reply has been marked as private.

[Rahul]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[bak]

This reply has been marked as private.

[Rupok]

HI there,

Thanks for updating. You can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .sub-menu.submenu-languages {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
}

Hope this helps.

[bak]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

item-language img.iclflag {
    margin-right: -2px !important;
    margin-top: -4px !important;
    padding-left: 1px !important;
}

Let us know how this goes!

[bak]

Hi there, thanks for the update

Unfortunately, it still looks the same

[Rahul]

Hey There,

Try the following custom CSS :

‘.menu-item-language img.iclflag {
margin-right: -2px;
}’

Hope that helps!

[bak]

This reply has been marked as private.

[Jade]

Hi there,

Please add this code:

#menu-english-menu li:nth-child(2) .sub-menu {
    left: -10px;
}

Hope this helps.

[bak]

Hi

Thanks, I added the code but unfortunately it still looks the same

[Thai]

Hi There,

Please find this CSS:

.x-navbar .desktop .sub-menu.submenu-languages {
    max-width: 55px;
    min-width: 55px;
    width: 55px;
}

And change to this:

.x-navbar .desktop .sub-menu.submenu-languages {
    max-width: 55px;
    min-width: 55px;
    width: 55px;
    left: 50%;
    margin-left: -27.5px;
}

Also remove this CSS:

#menu-english-menu li:nth-child(2) .sub-menu {
    left: -10px;
}

Hope it helps 🙂

[bak]

thank you, it did indeed help. problem solved

[Thai]

If you need anything else please let us know.

[Author]

Posts