Polylang menu-button alignment issue

[Alexander Schneider]

Hi there,

We are using the Polylang Plugin to manage multilanguage of the site. There is only one (hopefully minor) issue:
We use the language switcher in the header menu, with flag-icon only. When applying the option “display language-name” alignment is fine, but using the flag, it is top-aligned instead of vertically centered. How can this be fixed?

See also: http://www.mavenport.com

Thanks a lot!
Alex

[Veena]

Can you pls add the below custom CSS in themeoptions > custom CSS –

li.pll-parent-menu-item {
    top: 45px;
}
#primary-menu > ul.menu > li > ul.sub-menu {
    top: 45px;
}

[Alexander Schneider]

Hi Veena,

thanks, but unfortunately this solves one part of the issue, but generates new ones (see attachments).
1. The sub-menu is now also pushed further down, which looks strange
2. Once the visitor is scrolling down and the header-menu is reduced in height, the flag is not centered anymore, but at the bottom.

Can you please check?

Thank you, best
Alex

[Veena]

Can you pls add the flags again ? So that we can check the page and provide you the required custom CSS .

[Alexander Schneider]

Ok, it’s back online. Without your previously provided Custom CSS.

Best
Alex

[Veena]

Can you pls try this –

.pll-parent-menu-item {
    top: 45px;
}
.pll-parent-menu-item ul.sub-menu {
    top: 40px !important;
}
#header.sticky .pll-parent-menu-item {
    top: 25px;
}
#header.sticky .pll-parent-menu-item ul.sub-menu {
    top: 35px !important;
}

[Alexander Schneider]

Hi Veena,

great, thanks so much! Great support, much appreciated!

Have a good day,
Alex

[Author]

Posts