[Resolved] Logo centered in all languages

Home Forums Support [Resolved] Logo centered in all languages

Home Forums Support Logo centered in all languages

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #746476
    Leonardo

    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!

    #746872
    David
    Staff
    Customer Support

    Hi there,

    maybe you want to try out the GP Site Library – the Split site on there does this πŸ™‚

    https://generatepress.com/site-library/

    #746904
    Leonardo

    Ah 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ΓΉ?

    #746974
    Leo
    Staff
    Customer Support

    No you can’t import only the menu. You can follow the steps here though:
    https://docs.generatepress.com/article/centering-logo-navigation/

    #747210
    Leonardo

    Thank 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!

    #747286
    Tom
    Lead Developer
    Lead Developer

    That 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.

    #748143
    Leonardo

    Now the logo is fixed if I change the language, but the others items is not simmetric in any languages. Why? πŸ™

    http://www.scritturaprofessionale.com/monaldesca/

    #748203
    Leo
    Staff
    Customer Support

    What 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 πŸ™‚

    #748229
    Leonardo

    Sorry, Now it’s perfect!

    Thank you so much for your customare care! πŸ™‚

    Leonardo

    #748230
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.