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.

How do I reposition my Navigation bar? Help!

Featured Replies

http://www.caffevinci.com/index_test.html

 

I'd like to be able to reposition my navigation bar either just below my header title or at the top of my main content column.

 

Can anyone please help me?

 

Could you not add a padding-top: 100px or something?

 

Is the top image a bg image? Its not very clear your code!

There are quite a few errors that you will need to sort out...

 

You have your navigation within the <head> tags of your page as well as a <div id="container">.

 

You also have another <div id="container"> a few lines down. A div with an id should only be used once on the page. Delete the second one.

 

Also, you have all of this before the body tag. Everything should be within it.

 

Cut your container div and the navigation from the head section and paste it below your <div id="maincontent"> and see how that turns out...

You also do not have an opening <head> tag, just the closing one </head>. Add <head> just before <link rel="icon".....>

 

I'll be honest with you, the code is quite a mess. It seems very bloated and messy for what the page contains.

 

Anyway, post bk if you need anymore help.

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.