Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #609762

    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;
    }
    #609768

    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

    #609770

    Hey schenkco!

    Please use the css below in Quick CSS

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

    Regards,
    Vinay

    #609782

    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, 3 months ago by schenkco. Reason: created admin account
    #609838

    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

    #609844

    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!

    #611110

    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

    #611410

    Awesome, this fixed the issue! Thanks!

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