How to change flag positions in menu

  • Resolved fox78

    (@fox78)


    8 years, 1 month ago

    Hi,

    I am using Polylang and everything is working fine. However, I do have some trouble with the location of the flags of the language switcher. I have the flags on the left side of my menu, but they are outlined at the top of the menu bar and therefore are not alligned symmetrical to the menu items. It looks a bit bad. Can anyone help me on how to change this (if possible at all)? My website is called http://www.finishthestory.net.

    Thanks!

    https://wordpress.org/plugins/polylang/

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

    (@chouby)

    8 years, 1 month ago

    Hi!

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

    Thread Starter fox78

    (@fox78)

    8 years, 1 month ago

    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!

    Thread Starter fox78

    (@fox78)

    8 years ago

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

    Many thanks!

    Plugin Support Chrystl

    (@chrystl)

    8 years ago

    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?

    Thread Starter fox78

    (@fox78)

    8 years ago

    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!

    Plugin Support Chrystl

    (@chrystl)

    8 years ago

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

    Thread Starter fox78

    (@fox78)

    8 years ago

    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.

    http://www.finishthestory.net

    Plugin Support Chrystl

    (@chrystl)

    8 years ago

    Try:

    #access img {
    display: inline;
}
    Thread Starter fox78

    (@fox78)

    8 years ago

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

    vesnog

    (@vesnog)

    7 years, 2 months ago

    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?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to change flag positions in menu’ is closed to new replies.