• Creator
    Topic
  • #22912

    Harald Röh
    Participant
    Been thanked: 1 time

    Hi,

    my submenu appearance on gfcev.de is now almost finished:-).

    As an example select post Beiträge -> Wettbewerbe -> Regionalwettbewerb 2015

    The active primary menu entry on my primary menu is highlighted by bold character.
    When I hover over the active entry the first submenu appears where the active entry is shown by a white background color.
    When I hover over the active submenu entry (Wettbewerb) the second submenu appears, agagin with active entry highlighted by a white background color.

    I would like to get the same design for the active submenu entries as for the active primary menu entry. That means background color should be grey (same as the other submenu entries) and the active entry should be bold character.

    Help would be much appreciacted!

    Kind regards
    Harald

Viewing 2 replies - 1 through 2 (of 2 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 2845
    Been thanked: 91 times
    #22939 |

    Hi,

    Try the following.

    .active a{
    color:#fff !important;
    background:#666 !important;
    font-weight: bold !important;
    }

    Thanks!

    Harald Röh
    Participant
    Post count: 33
    Been thanked: 1 time
    #22947 |

    Hi Denzel,

    thanks for the response, but it will not solve the problem.
    It works only for the last submenu level and sometimes for too many.

    I tried myself the code
    ul.nav-menu li.current-menu-ancestor li.current-menu-item > a,
    ul.nav-menu li.current-menu-ancestor li.current-menu-parent > a {
    font-weight: bold;
    background: #F6F6F6 none repeat scroll 0% 0%;
    }
    This works fine in my situation. It solves the problem with browser firefox.
    It also works with browser IE and chrome. But here these browsers will also make breadcrumps font bold, which I don’t like (firefox does not do this).
    I tried
    media all
    ul.breadcrumbs li a {
    font-weight: 500 !important; // normal
    }
    to correct breadcrumps font in IE and chrome back to normal, but this shows no effect.

    Any idea?

    Best regards
    Harald

Viewing 2 replies - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.