Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 19, 2014 at 11:09 pm #306554
    AntonNovikov

    Hello,

    I’ve added a background colour to menu items when in hover state. Everything performs fine in all browsers except Chrome. In Chrome, if a menu item has a sub menu then the right side of the background gets cut prematurely – see the ‘service’ tab for an example http://joxi.ru/1rvzU4wyTJDjAt6CPww)

    Here is what it should look like when hovered over – see ‘about’ tab http://joxi.ru/vLzzU4wyTJDLAhOlSDc

    Any help with this would be greatly appreciated.

    August 20, 2014 at 11:13 am #306733
    Yigit

    Hey AntonNovikov!

    Please use following code instead

    .av-main-nav > li > a:hover > .avia-menu-text {
display: inline;
background: #666734 !important;
padding: 15px;
-webkit-border-radius: 5px 5px 5px 5px !important;
border-radius: 5px 5px 5px 5px !important; }

    Cheers!
    Yigit

    August 20, 2014 at 2:49 pm #306860
    AntonNovikov

    Amazing! Thanks again, Yigit.

    August 20, 2014 at 3:44 pm #306886
    Yigit

    Hey!

    You are welcome Anton, glad we could help! :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu hover state error in Chrome’ is closed to new replies.