dropdown menu

  • Resolved aldosolari80

    (@aldosolari80)


    4 years, 9 months ago

    Good afternoon.
    I am making a website with the theme Cosmoswp. The main menu has a drop-down menu which only works in Chrome. How should I do in Microsoft Edge walk in the Hover option.
    Thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @aldosolari80 ,

    It seems like focus-within doesn’t work on the older edge. It is ignoring the entire CSS rule block with focus-within. If you check with the newer version of edge, it works ?? . We will support the older version in the next version.
    For now please add following CSS code on Appearance => Customize => Additional CSS

    .cwp-dynamic-header .navigation.cwp-submenu-onhover ul li.menu-item-has-children.cwp-open-submenu > .sub-menu, 
.cwp-dynamic-header .navigation.cwp-submenu-onhover ul li.menu-item-has-children:focus > .sub-menu, 
.cwp-dynamic-header .navigation.cwp-submenu-onhover ul li.menu-item-has-children:hover > .sub-menu {
    clip: auto;
    opacity: 1;
}

    I believe it will fix the issue, let me know if this fixed the issue or not on your browser.

    Best Regards!

    Thread Starter aldosolari80

    (@aldosolari80)

    Hello @codersantosh,

    Thank you very much for your reply. I was reading and it is as you say, that function does not work with Edge.
    To the code that I send I added

    input:focus,
    div:focus-within {
    box-shadow: none !important;
    }

    and issue was resolved
    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘dropdown menu’ is closed to new replies.