- This topic has 9 replies, 4 voices, and was last updated 5 years, 3 months ago by Leo.
-
AuthorPosts
-
December 3, 2018 at 12:11 am #746476Leonardo
Hello,
I have a site with logo in the center of top bar and 4 languages. The problem is that: when I select other language (Italian is the main language), the logo is not perfectly in the middle of the top bar. I insert the URL of this site in the special form.Thank and have a good Monday!
December 3, 2018 at 8:21 am #746872DavidStaffCustomer SupportHi there,
maybe you want to try out the GP Site Library – the Split site on there does this π
December 3, 2018 at 8:49 am #746904LeonardoAh ok, I didn’t know… If I import this site library, the rest of my site remain the same? Can I import only the menΓΉ?
December 3, 2018 at 9:54 am #746974LeoStaffCustomer SupportNo you can’t import only the menu. You can follow the steps here though:
https://docs.generatepress.com/article/centering-logo-navigation/December 3, 2018 at 3:32 pm #747210LeonardoThank you for this answer, but it’s very complicated for me change the original CSS code. Actually, the site for me it’s perfect but the only problem is: how can I fixed the central logo (in the middle as in the original Italian language) when change the language and the length of the other menu items?
This is the CSS code used to put the logo in the center, found in your topic:
.site-header {
display: none;
}.main-navigation li {
vertical-align: middle;
}.main-navigation .main-nav ul li.centered-navigation-logo a {
padding: 20;
line-height: 0;
margin: 0 0px;
margin-bottom: 20px;}
.main-navigation .main-nav ul li.centered-navigation-logo a:hover,
.main-navigation .main-nav ul li.centered-navigation-logo a:focus {
background: transparent;
}.slideout-navigation .centered-navigation-logo,
.main-navigation.toggled .centered-navigation-logo {
display: none;
}I repeat that for me it’s perfect and the only problem is that the logo move on the left (or right) when I change the language and the length oh the items, compared to the Italian. The gap is evident in the Dutch language, but there is the same problem also with German and English.
Thank a lot!
December 3, 2018 at 5:40 pm #747286TomLead DeveloperLead DeveloperThat problem isn’t avoidable unless you use the updated instructions Leo linked to.
The method you’re using is the old method we suggested, but it doesn’t “true center” the logo – the length of the items on either side can push it around.
The solution Leo linked to will “true center” your logo, regardless of the menu items.
December 4, 2018 at 1:35 pm #748143LeonardoNow the logo is fixed if I change the language, but the others items is not simmetric in any languages. Why? π
December 4, 2018 at 2:48 pm #748203LeoStaffCustomer SupportWhat do you mean it’s not symmetric?
I chose a couple language and they all look good to me.
Is there a specific language you are referring to?
Let me know π
December 4, 2018 at 3:34 pm #748229LeonardoSorry, Now it’s perfect!
Thank you so much for your customare care! π
Leonardo
December 4, 2018 at 3:36 pm #748230LeoStaffCustomer SupportNo problem π
-
AuthorPosts
- You must be logged in to reply to this topic.