Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 7, 2016 at 5:00 pm #609762
    schenkco

    Sorry for bringing back a solved topic (https://kriesi.at/support/topic/last-menu-item-hover/) but I’m having problems again on another website. I’m not sure if the problem is happening because I deleted the main menu from the demo content and replaced it with another menu. The code below doesn’t work for this new website: 

    
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px;
}
    April 7, 2016 at 5:07 pm #609768
    Yigit

    Hi schenkco!

    Please use the code as folllowing 

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px!important;
}

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

    Cheers!
    Yigit

    April 7, 2016 at 5:08 pm #609770
    Vinay

    Hey schenkco!

    Please use the css below in Quick CSS

    
#top .avia-menu li:last-child .avia-menu-fx {
    width: 100%!important;
}

    Regards,
    Vinay

    April 7, 2016 at 5:24 pm #609782
    schenkco

    Yigit: tried that code with the > instead of > and it didn’t work on this site for some reason.
    Vinne: for the transparent header, the last menu item underline was not the same length as the other text and when scrolled, the padding was gone.

    Sorry for the trouble guys..

    • This reply was modified 8 years ago by schenkco. Reason: created admin account
    April 7, 2016 at 7:57 pm #609838
    Vinay

    Hey!

    We added the above code in Quick CSS on top. Please refresh the browser cache a few times and review the site.

    Regards,
    Vinay

    April 7, 2016 at 8:08 pm #609844
    schenkco

    I really hate to be a pain but it’s so close to perfect… the transparent header version has an underline that is longer than the other ones. The underline should only be under the word but requires a 13px padding to the right. With the most current revision, now the other pages menu has a white underline when hovered. Sorry for asking too much!

    April 11, 2016 at 10:53 am #611110
    Andy

    Hey!

    you are using this code:

    #top .avia-menu li:last-child .avia-menu-fx {
width: 100% !important;
}

    Change it to a different value, something like: 

    #top .avia-menu li:last-child .avia-menu-fx {
width. 72% !important;
}

    and adjust as needed.

    Best regards,
    Andy

    April 11, 2016 at 4:15 pm #611410
    schenkco

    Awesome, this fixed the issue! Thanks!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Last menu item hover’ is closed to new replies.