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.

Need help creating a header with a clean navigation

Featured Replies

Can someone help me figure out how to create the navigation displayed in the header on top of this page?

themes[DOT]iki-bir[DOT]com/ikaros/

(Replace [DOT] with ".")

 

If someone could give me some direction to learning how to make these types of navigations, I'd really much appreciate it.

Edited by TeaTree

Your shortcut to learning this method (aside from tutorials) is using a tool like Chrome Developer to Firebug in Firefox and having a look at the source code. It's pretty standard stuff at first glance - that is - there doesn't appear to be any additional JS.

 

Have a look at the code and do a bit of trial and error - it's the best way to learn in my opinion. Just noticed that the navigation uses selectnav http://lukaszfiszer.github.io/selectnav.js/ for smaller screens.

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.