Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 15, 2015 at 5:14 pm #503517
    mediax2014

    Hi Guys,

    I spent some time now trying to get my sub level – current-item navigation to receive a 3 px bottom border to indicate to the user where he is currently. Here is the css I am working with:

    ul.sub-menu li.current-menu-item span{ border-bottom:3px solid color:#0056A4;}

    What am I doing wrong here? When I change the font-weight here it works fine, but I cannot get the border to show up.

    Any help would be appreciated.

    Thanks, MX

    September 15, 2015 at 5:17 pm #503524
    Yigit

    Hey mediax2014!

    Please change your code to following one 

    .sub-menu .current_page_item {
    border-bottom: 3px solid #0056A4!important;
}

    Cheers!
    Yigit

    September 15, 2015 at 5:31 pm #503540
    mediax2014

    Thank you for that super fast response :)

    You guys are the best support.

    Regards,
    MX

    September 15, 2015 at 5:33 pm #503543
    Yigit

    Hey!

    You are welcome! Thank you for your kind words, we are always happy to help :)
    Let us know if you have any other questions or issues

    Cheers!
    Yigit

    September 15, 2015 at 6:34 pm #503594
    mediax2014

    Hi,

    I would like to know if there is a way, that the top level nav – underline effect – can stay, when you have entered a sublevel nav element?

    Kind regards,
    MX

    September 16, 2015 at 9:23 am #503863
    Ismael

    Hi!

    Can you please provide a link to the actual page? We would like to check it. Try to use the “.active-parent-item” class selector.

    Cheers!
    Ismael

    September 16, 2015 at 11:09 am #503920
    mediax2014

    Hi Ismael,

    Thanks for the reply. I managed to get the parent-item underlined targeting:

    .active-parent-item > a > .avia-menu-fx { ... }

    Regards,
    MX

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Sub Level nav help’ is closed to new replies.