Questions tagged [nav]

The `

The <nav> tag is new HTML5 tag which defines a section of navigation links.

<nav>
   <ul>
      <li><a href="/html/">HTML</a></li>
      <li><a href="/css/">CSS</a></li>
      <li><a href="/js/">JavaScript</a></li>
      <li><a href="/jquery/">jQuery</a></li>
   </ul>
</nav>

In the HTML5 specification its primary use case is defined as follows:

The element is primarily intended for sections that consist of major navigation blocks. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases; while a nav element can be used in such cases, it is usually unnecessary.

For more information on usage see HTML5 Doctor or the w3.org HTML reference.

2532 questions
0
votes
1 answer

Ruby on Rails: How Do I Keep a Clicked link_to_current_unless from appearing outside of the Nav Bar?

I have a nav bar with several links right justified along with two locale links just to the right of the brand name that display when it's not a specific URL. When I click the links right justified the links stay in the same position. When I click…
0
votes
2 answers

dropdown on navigation bar

I want to do some dropdown menu on this navigation menu, but it's not working and aswell I would like to center it. I tried to use display:inline; command, but it didnt help. https://jsfiddle.net/fLdasLv4/ ul { list-style-type: none; …
Jozikas
  • 9
  • 3
0
votes
0 answers

How to retain bootstrap nav bar's active status in angular 2\4?

I am using following code: I want…
Deepak
  • 1,038
  • 4
  • 18
  • 31
0
votes
1 answer

nav bar menu item, removed and now a blank space

I'm assisting someone on migrating a website and they wanted to remove a link from their nav bar. I inspected the element, found it in the css file and removed it with display:none but now it's just gone and everything else is static so there's a…
Geoff_S
  • 4,917
  • 7
  • 43
  • 133
0
votes
1 answer

header with a background image and an horizontal bar in the middle

Currently, I'm learning html5 and css mostly by myself and I need to build a header with a background image and an horizontal bar in the middle where the logo and the navigation buttons are supposed to be. I tried in any way, but couldn't come up…
Sey Sey
  • 5
  • 2
0
votes
0 answers

Hide Nav onScroll

I am attempting to recreate the initial onScroll effect found on this page: https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c. If you watch carefully, when you scroll, there is no indication that the nav is…
Theodore Steiner
  • 1,553
  • 2
  • 23
  • 34
0
votes
3 answers
0
votes
1 answer

Vertical Navbar/Sidebar align elements centered

I am trying to build a sidebar with centered vertical elements like this design: I couldn't figure it out after 2 hours so I decided to ask you guys if somebody could help me since I can't find any good links that can provide helpful information. I…
Prototype
  • 9
  • 1
  • 10
0
votes
3 answers

Shopping cart icon unclickable

I am using the code from this article to add a shopping cart for my woocommerce plugin on my Wordpress site. There is two issues with this code that I am facing when trying to implement in my theme: The cart icon is not clickable even if the…
Fjott
  • 1,107
  • 3
  • 15
  • 38
0
votes
2 answers

How to make both a nav-brand and a log-in button in the same row as navbar

I have a navbar that is fixed at top. On the left, there must be a company's logo and name together. On the right side, there must a be log-in button. I've been looking at many examples on the web, but all of them use a navbar-toggler-right which it…
GianMS
  • 923
  • 2
  • 13
  • 25
0
votes
1 answer

How do I get the links in my nav to align beside other content?

I am still learning and could use some help with what I am sure is a painfully simple mistake in my code. Any help would be greatly appreciated! I am working on a website where the nav bar starts out as a small centered box with the company's logo,…
C.Bracey
  • 21
  • 2
0
votes
1 answer

Trouble vertically centering links in responsive boostrap navbar

I've been banging my head on the table now for a while on this. I'm guessing there is a simple solution or hack that I'm missing. I have tried adjusting the padding and margins of the links, li's and the container around them. I want them to remain…
Cody DeBos
  • 23
  • 1
  • 6
0
votes
1 answer

container inside nav puts toggler over brand with hi zoom

With
inside
0
votes
2 answers

Aligning elements in a nav bar

I have a nav bar with 3 li items. I have a forth item that I would like to align along the extreme left side of the bar. When I add the forth item as a div within the nav bar, the 3 li items are skewed to the right. I'm using bootstrap to style the…
Lazloman
  • 1,289
  • 5
  • 25
  • 50
0
votes
2 answers

Use jQuery to change several things in menu

I have this example-menu:
1 2 3
99
100