Centering the header

  • krzylip

    #10452

    Hi,

    is it possible to center every element that is located in the header? Both logo and menu?

    Edit: I would love it to look exactly like that: http://i.imgur.com/3sjzOE8.png

    Admin

    Syahir Hakim

    #46171

    Add this to the theme’s Custom CSS feature:

    @media (min-width: 992px) {
    .navbar-header {
    float: none;
    line-height: 50px;
    }
    .navbar-header .site-title {
    text-align: center;
    margin-top: 10px;
    }
    .navbar-header .site-title img {
    display: inline-block;
    }
    .header .navbar-right {
    float: none !important;
    text-align: center;
    }
    .navbar-nav > li {
    float: none;
    display: inline-block;
    }
    .header .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 5px;
    }
    }

    krzylip

    #46172

    It works, thank you so much 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.