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.

Menu like this...

mikelamar
in Website Design and UX

Featured Replies

Does this menu uses javascript or not...I've no idea about javascript yet!

 

1. HTML is too complicated for me to understand

2. I cannot find the CSS file or files

3. I want to make a menu like this in my next exercise, can you please isolate the menu code to show me please!

I suppose what you are after is the dropdown effect. No JavaScript is used for that. It is done with CSS transitions on hover

I grabbed the transition effect from the page and used it in a simpler example here:

 

https://jsfiddle.net/Nillervision/9eywnra6/

 

It should be enough to get you started

    •
    • 2 weeks later...

    Create an account or sign in to comment
    Go to topic listing

    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.