Make the navigation menu into buttons

  • Unknown's avatar
    janove15 · Member ·

    I wonder if anyone knows how to change the navigation menu with css into boxes, like buttons?

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, give this a try and you can edit the color and border radius, and even add a border if you wish. 

    .main-navigation ul > li {
    background: none repeat scroll 0 0 #cc0000;
    border-radius: 5px;
    padding: 5px;
}
.main-navigation .page_item_has_children > a:first-child::after, .main-navigation .menu-item-has-children > a:first-child::after {
    opacity: 1;
}

    The second rule above is the the little down arrow icon to turn it white like the menu text.

  • The topic ‘Make the navigation menu into buttons’ is closed to new replies.