Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 16, 2016 at 7:54 pm #566572
    mirtao64

    Hello,

    I’m trying to replicate the same behaviour of the main menu in my sub-menus..I’d like to have sub-menu items red underlined when I pass hover with mouse and color changed when clicked and active.

    This way I always know the pages where I stand-by without having to add breadcrumbs (since I have a top banner the visibility area with breadcrumbs would be too narrow).

    Any suggestions ?

    Hope to have been clear :)

    Thanks a lot,
    Mauro

    January 17, 2016 at 1:16 am #566666
    Elliott

    Hey mirtao64!

    Send us a link to your page and we’ll take a look to see if there is some CSS we can give you or not.

    Cheers!
    Elliott

    January 18, 2016 at 12:42 pm #567152
    mirtao64

    Hi Elliott,

    you can use this link to understand what I’m saying:

    Dalla vite al vino

    if you see the submenu (the full-width menu under the banner “IL NOSTRO
    MONDO IN UN BICCHIERE”) you cannot know which page you are.

    I don’t want breadcrumbs because they narrow even more the visibility
    area, but I’d like to have the active submenu title highlighted…In
    this case it should be “*Dalla vite al vino*”

    If you see at the main menu on top of the page you can see the item
    “*Vini*” highlighted, I’d like the same behaviour on the full-width submenu.

    I hope to have been clear.

    Thanks a lot,
    Mauro

    January 18, 2016 at 12:43 pm #567156
    Yigit

    Hi!

    Can you please post the link to your page?

    Best regards,
    Yigit

    January 18, 2016 at 2:30 pm #567222
    mirtao64

    Hi Yigit,

    I’ve already posted:

    http://www.heart-of-italy.com

    Regards,
    Mauro

    January 19, 2016 at 2:08 pm #567825
    Vinay

    Hi!

    Please add the below css in quick css

    #top .header_color .main_menu .menu ul li.current_page_item>a, #top .header_color .main_menu .menu ul li>a:hover {
    border-bottom: 1px solid red;
}

    Best regards,
    Vinay

    January 19, 2016 at 3:08 pm #567840
    mirtao64

    Hi Vinay,

    I’m sorry but it doesn’t work :(

    Mauro

    January 19, 2016 at 3:19 pm #567849
    Yigit

    Hi!

    Please add following code to Quick CSS 

    ul.sub-menu li.current-menu-item > a > .avia-menu-text {
    color: red;
}
ul.sub-menu > li > a:hover > .avia-menu-text {
    border-bottom: 1px solid red;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    January 20, 2016 at 8:55 am #568437
    mirtao64

    Hi Ygit,

    it works only on the dropdown menu but not in the full-width menu that is always visible on top of the page…

    you can have a look at:

    I nostri lavoratori

    Thanks a lot,
    Mauro

    January 21, 2016 at 2:50 am #569066
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .av-submenu-container .current-menu-item .avia-menu-text {
    border-bottom: 1px solid red;
}

    Cheers!
    Yigit

    January 21, 2016 at 2:13 pm #569393
    mirtao64

    Hi Yigit!

    Now it works! I noticed that the selected item of the submenu is now red underlined…it would even better if I could have the same behaviour of the main menu, where the selected item is brown highlighted …But it is already sufficient to give the idea of the page where you stay.

    If it’s possible to have the same behaviour of the main menu just let me know…here is the web address for your check:

    http://www.heart-of-italy.com

    Thanks a lot,
    Mauro

    January 21, 2016 at 5:16 pm #569492
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-submenu-container .current-menu-item .avia-menu-text {
color: #7c6853 !important; 
}

    Regards,
    Yigit

    January 25, 2016 at 10:06 am #571178
    mirtao64

    Thank you Yigit!

    Now it works!!!

    Mauro

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sub-menu underline and active items’ is closed to new replies.