Support » Theme: HappenStance » Center and Round off the Menu

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author TT Themes

    (@tomastoman)

    Hi,

    please use this custom CSS to center the menu (the home icon has to be hidden):

    #wrapper .link-home {display: none;}
    #wrapper .menu-box {height: 30px;}
    #wrapper .menu-box, #wrapper .menu-box ul {text-align: center;}
    #wrapper .menu-box ul li {display: inline-block; float: none;}
    #wrapper .menu-box ul li a {border: none;}
    #wrapper .menu-box ul ul li {display: block; float: left;}

    This CSS will round off the edges of the menu bar:

    .menu-box-wrapper {border-radius: 20px;}

    Best regards,
    Tomas Toman

    Thread Starter sneed

    (@sneed)

    I see I should have also asked how to shrink the nav bar so it doesn’t extend to the full width.

    Theme Author TT Themes

    (@tomastoman)

    If possible, please post here a link to your website so I could see your header configuration. Thanks!

    Best regards,
    Tomas Toman

    Thread Starter sneed

    (@sneed)

    Theme Author TT Themes

    (@tomastoman)

    I can see that you are running a different theme than HappenStance at this moment. Anyway, this CSS should work with the basic HappenStance configuration:

    @media screen and (min-width: 1012px) {
    body .menu-box-container, body .menu-box-wrapper, body .menu-box {width: 800px;}
    body .menu-box-container {float: none; margin: 0 auto;}
    }

    Best regards,
    Tomas Toman

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center and Round off the Menu’ is closed to new replies.