Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

CSS menu hover "hangs" or "sticks"

Featured Replies

Greetings - Struggeling with a three-level css menu.

Works fine in FireFox and Opera for mac, but in Chrome and Safari the third level "sticks" or "hangs" as a watermark after you move the cursor away.

 

I have tried a few different things without luck.

 

Live demo here:

 

http://www.it-stud.hiof.no/~benteh/tmp/

 

I have cut away everything else, so this is just the menu css & html.

(PS. there are only three levels on archeology, hominins and environmental)

Heya!

 

This is a bug in the browser. If you try and inspect the "sticky" menu, (Right-Click > Inspect Element) chrome does not think there is an object present.

 

As its the same with Chrome and Safari, which both use WebKit. Id say its a WebKit issue.

 

I cant help with a solution im afraid, but I suspect there is one other there. Id visit listamatic (or similar for menus) and try a different stylesheet menu technique.

 

Sorry!

MikeyB

 

Greetings - Struggeling with a three-level css menu.

Works fine in FireFox and Opera for mac, but in Chrome and Safari the third level "sticks" or "hangs" as a watermark after you move the cursor away.

 

I have tried a few different things without luck.

 

Live demo here:

 

http://www.it-stud.hiof.no/~benteh/tmp/

 

I have cut away everything else, so this is just the menu css & html.

(PS. there are only three levels on archeology, hominins and environmental)

  • Author

I am happy to say that a helpful soul over at stackoverflow helped me out.

 

Should anyone else need this, the solution was to remove "visibilty: hidden" from ".menu ul li ul".

 

I really don't understand why, but it works.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.