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.

I need a responsive dropdown menu

Featured Replies

Hi everyone,

My dropdown multi-level menu at www.fobgfc.org doesn't work with touch devices.  It doesn't drop down at all.  Basically because it makes use of :hover.

I'd like the functionality to behave like the menu on www.chipsteadfc.org.uk

I will consider using jQuery.  

How's best to do this please?

Cheers,

    Col

  • 4 weeks later...

Try this: https://superfish.joelbirch.co/

Or avoid using dropdowns. I suspect the majority of your visitors will be using tablets or mobiles so just make it easier for then and just have a top layer menu that links to subpages which list the options.

The main drop down is for the teams so you could just add buttons to the homepage linking to the team pages.

  • Author

Thanks. I eventually found the problem with mine.  I was using the checkbox solution and needed ~ in my CSS where I was using +

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.