Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #171057
    wannabebre84
    Participant

    I would like to center my primary menu and logo. This is the CSS I am using:

    .site-branding {
    width: 50%;
    float: none;
    text-align: center;
    display:block;
    margin:0 auto;
    }
    .header-site-details {
    float: none !important;
    }
    .site-logo {
    float: none !important;
    }

    .site-branding .site-logo {
    float:none;
    display:block;
    }

    #site-navigation, #site-navigation ul li, .main-navigation li {
    float:inherit;
    }
    #site-navigation {
    text-align:center;
    }
    #site-navigation ul li {
    display:inline-block;
    }

    For some reason, My primary menu bar has white space at the far right. Why is this? How can I extend the menu par to be across the entire screen?

    My website is here:
    http://box5772.temp.domains/~theplbp8/?customize_changeset_uuid=77b89c4e-3dda-400d-967a-27db402b2a42

    #171091
    Skandha
    Keymaster

    @wannabebre84: Hello there,
    You site doesn’t seem to accessible at the moment. Let me know when your site is accessible.

    Kind Regards,
    Skandha

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Center Primary Menu and Logo’ is closed to new replies.