Site Logo Instead of Title (2 posts)

  1. lexicondevil
    Posted 1 year ago #

    I have added a logo in place of the site title as per instructions posted in another thread however I can't get rid of the actual site text displaying over the logo.
    The menu also sits over part of the logo as well.

    In short:
    I'm looking for a centred site logo image that displays on all pages
    a centered menu that displays underneath

    If I can utilise the header image option limiting it's width and placing it above the menu bar on all pages that would be ok also

    Lexicon Guitars

  2. sacredpath
    Automattic Happiness Engineer
    Posted 1 year ago #

    Hi there, You can set the site title to completely transparent with an RGB color and opacity of 0 as below. The first three numbers are the RGB color, and the last 0 is the opacity (0 is completely transparent).

    .site-title a {
        color: rgba(0, 0, 0, 0);

    The first rule below will center the navigation and the second will make the site branding div full width. You can then add you logo and set the position to center.

    .main-navigation {
        max-width: 100%;
        width: 100%;
        text-align: center;
    .site-header-inner .site-branding {
        width: 100%;
        max-width: 100%;
        padding-right: 0;

    Since your logo isn't on the site right now, I can't be sure the above will work perfectly so you may have some adjusting to do.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic