menu bar

  • Resolved titchone

    (@titchner)


    11 years, 9 months ago

    hello,

    i have changed the menu :hover top left and right corner radius so they look like tabs 

    .themonic-nav li:hover {
border-top-left-radius:8px;
border-top-right-radius:8px;
}

    but i am having trouble changing the selected item css that controls the menu button that has been clicked or page being viewed.

    what css value controls this?

    link to site is http://lionswall.co.uk

    great theme 🙂

Viewing 1 replies (of 1 total)
  • Thread Starter titchone

    (@titchner)

    11 years, 9 months ago

    i have worked it out 🙂

    i now have a nice tabs look to my menu bar.

    .themonic-nav .current-menu-item > a,
.themonic-nav.current-menu-ancestor > a,
.themonic-nav.current_page_item > a,
.themonic-nav.current_page_ancestor > a {
    background:#00A1E0;
    color: #FFF;
    font-weight: bold;
border-top-left-radius:8px;
border-top-right-radius:8px;
}

.themonic-nav li:hover {
color: #fff;
background:#00A1E0;
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.themonic-nav li {
color: #fff;
background: none;
border-top-left-radius:8px;
border-top-right-radius:8px;
}
Viewing 1 replies (of 1 total)

The topic ‘menu bar’ is closed to new replies.