Menu won't align

  • Unknown's avatar
    carriagehouseplayers · Member ·

    I have tried several different versions of this code right here

    .main-navigation {
    float: none;
    }
    .main-navigation ul {
    text-align: center;
    }
    .main-navigation li {
    float: none;
    display: inline-block;
    }

    anyone have any advice on how I could fix this? Thank you so much!

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi! The issue is this menu has your social media icons to the right. So the overall container is centered, just some of the items inside are pushed to the left, and some to the right. You can use Inspect Element to see what I mean. This is done with Flex Box if you want to look into how to align items within it.
    https://wordpress.com/support/custom-design/how-to-find-your-themes-css/

    On the other hand, there are some themes that are practically interchangeable with the one you’re using. Only the header gets swapped out. And the newer themes simply let you swap out the header as you’d like.

    If you want to try switching to a similar theme with an already-centered header, you can. Choose to keep the homepage you have so you don’t lose changes.

  • The topic ‘Menu won't align’ is closed to new replies.