How to change flag positions in menu

Hi!

Please check this: https://polylang.wordpress.com/documentation/frequently-asked-questions/the-language-switcher/

Hi Chouby,

Thanks for your reply!

I assume you are referring to the ‘My flags are misaligned in the Twenty Eleven menu’ section. I read that already, but I can’t seem to figure out how and where to add the mentioned css rule. Would you be able to clarify? I’m a real noob and this is my first website ?.

Thanks for your support!

Isn’t there anyone who can help me with this? Any help will be much appreciated.

Many thanks!

I assume you are referring to the ‘My flags are misaligned in the Twenty Eleven menu’ section.

Yes, and you must put this code in your style.css file. Does it work?

Hi Chrystl,

The problem is that I don’t know where in the style.css file I need to put this code.

Do you have any idea?

Thanks!

Have you try by just pasting the code in style.css at the very end?

Hi Chrystl,

I tried, but unfortunately it didn’t work.

It seems that the style.css has different “chapters” (i.e. “Header”, “Menu”, “Content” etc). I assumed that the piece of code that needs to be pasted, should be inserted somewhere in one of these “chapters” and I would think that the most logical one would be the “Menu” chapter (since the language flags are part of the menu).

I see that the menu chapter has a lot more pieces of code that start with #access. I tried pasting the code at the beginning of this chapter, at the end of this chapter and also in a random location somewhere in between. All of this didn’t work.

I have no idea what I’m doing wrong and the flag alignment still bothers me.

https://www.finishthestory.net

Try:

#access img {
    display: inline;
}

YES!!! It finally worked! Thank you so much Chrystl! You’re my hero! ??

Hi the solution that worked for me was to include the following in my style.css file for the child theme:

.lang-item {
display: inline;
list-style: none;
}

However, still there is the problem that the flags are not centered inside the menu bar. How can I have them centrally aligned horizontally?