How to solve the diagonal submenu hover problem

Image for post
Image for post

The problem

Image for post
Image for post
Argh! Cute kitten out of reach…

1. Using javascript

Image for post
Image for post

2. Using pseudo-elements

Image for post
Image for post
Safe hover area
Image for post
Image for post
Reachable kittens makes everyone happy 😺
Image for post
Image for post
Works for vertical menus, for the most part 😅…

Written by

Lead Developer at Media Lounge · 6x Magento Certified & Full Stack Developer · E-Commerce Specialist · Currently @ Bournemouth, UK

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store