Center the Logo above Menu

  • Resolved vejers

    (@vejers)


    3 years, 11 months ago

    Hi there,

    i want to center the Logo above the menu without need to activate “Site Information”.

    the menu should be centered.

    Unfortunately i do not know how to accomplish this in CSS ??

    Can i get help here?

    Regards,
    Vejers

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there! It looks like your menu is centered. Do you still need help with this issue?

    Thread Starter vejers

    (@vejers)

    Hi ??

    This is my not so good solution i came up with. Now it is centered, but i do not get a “Site Title” Tag when hovering about the browser tab. ??

    What i want is this tag AND the centered logo, but without displaying site title on the website.

    Regards,
    Vejers

    Ah, ok! In that case, this CSS should help. It hides the site title and tagline visually, and adjusts the site navigation so that it’s centered:

    
.site-branding {
    text-indent: -99999px;
    height: 0;
    width: 0;
}

nav#site-navigation {
    margin-left: auto;
    margin-right: auto;
}

    Add that to Customize > Additional CSS.

    Thread Starter vejers

    (@vejers)

    Wow thank you! It worked perfectly. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center the Logo above Menu’ is closed to new replies.