Stack Overflow
Stack Overflow

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

Underline to Button Menu CSS for Wordpress

So i have seen this button design that i really like https://codepen.io/lukemeyrick/pen/apZOWm $thick : 3px; $pad : 0.7em; $extra : calc(#{$pad} * 1.2); $color : #f26522; body { background: #2d2d2d; } a { position: fixed; cursor: pointer; …
Harvey
  • 43
  • 1
  • 8
0
votes
2 answers

Unbinding preventDefault in click event?

I'm currently encountering issues with a mobile navigation I have created. It's a simple hamburger icon and when you click it, it opens a fullscreen menu. The problem is I'm trying to disable scrolling when the overlay is visible. Now I figured I…
Quincy Norbert
  • 431
  • 1
  • 6
  • 18
0
votes
2 answers

Issue with mobile navigation I'm trying to fix (JS or CSS)

I'm currently encountering issues with a mobile navigation I have created. It's a simple hamburger icon and when you click it, it opens a fullscreen menu. The problem is I'm trying to disable scrolling when the overlay is visible. Now I figured I…
Quincy Norbert
  • 431
  • 1
  • 6
  • 18
0
votes
2 answers

Burger menu clickable area too small

https://codepen.io/everybodysfeelingwonderland/full/OjyRpM/ For the mobile size of my website my burger icon for the menu has a way too small clickable area, it is only those thin lines. I also have this problem with other anchors that I'd like to…
heartcube
  • 119
  • 12
0
votes
2 answers

bootstrap nav is over the text

I'm learning bootstrap and creating a website from scratch and currently I have problems with this example because the nav bar is over the text, What I want to do is to start the text after the nav bar. Code:
Ivan Valdes
  • 1
0
votes
0 answers

css - right link in navigation is lower

I have problem with right link in my bottom navigation. This link is a little bit lower. I am not css specialist, please for help. My html code:
{% if is_paginated %} {% if page_obj.has_previous %} …
Kai
  • 553
  • 3
  • 7
  • 15
0
votes
2 answers

How do I reduce drop-down size on Bootstrap menu?

I have searched and searched and cannot figure out how to reduce my Bootstrap menu's drop-down size. I have tried modifying everything related to drop-downs in the Bootstrap CSS and cannot get it change. My current Bootstrap dropdown: I would…
user8351726
0
votes
1 answer

Bootstrap Nav not showing active tab's content

I am using below bootstrap nav in my new website. https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_pills_dynamic&stacked=h When i am changing active tab( tab1 to tab2), it's still showing earlier active tab's contents. Is there any way…
Abdul Aziz
  • 117
  • 8
0
votes
3 answers

CSS to change set background of active nav menu page

I have this website of http://camerabeanbags.co.uk/test and on the top Nav Menu you can see when you hover over the text on the menu a grey background shows behind the text. What CSS code can i use to have the grey background show behind the active…
Harvey
  • 43
  • 1
  • 8
0
votes
0 answers

navbar that goes to another website

I am a dusty programmer in html and css. recently I created a forum page and the forum page is hosted with MyBB. because of that the site ends up with www.yourwebsite.com/forums I can't figure out how to make the navbar navigate to pages like…
Joe Thompson
  • 1
0
votes
0 answers

Header, Nav, and Top Menu to same width. CSS and HTML recommendations?

Hey lets talk about on changing my header and top menu width to the same width as my nav and main wrapper? Everything in the middle is what I can say. Here’s my site: http://soccer-mate.com Picture:…
Tim Dickson
  • 1
  • 1
0
votes
1 answer

Making the side nav push content to the right when open (JQuery)

I've been trying to make my page contents be pushed to the right by 300px (the width of the side nav) when it is opened, as in this github repo here. I have contained all the content to be pushed in a div #content. However for some reason this is…
Rob Hern
  • 131
  • 2
  • 10
0
votes
0 answers

Is there any way to pull active nav class into title tag in Angular

I have a one page Angular application. I'd like to dynamically pull text associated with the active nav class into the title tag. Thoughts?
user7814645
  • 139
  • 10
0
votes
1 answer

Having an issue with changing the background color on a navbar.

I am currently working on a band page and having issues with the navbar. I want the navbar to be black to match the logo of the band, but can't seem to change the background color despite trying it with all of the relevant classes on my css page.…
Dwayne Melendez
  • 1
0
votes
2 answers

HTML Template Navbar not working as i want

Here is my template and its NavBar section.my problem is if i click on Trainee Detail it is not redirect to the page i want.im using laravel project for that. Before i press that link url is http://127.0.0.1:8000/TraineeAttendance then if i click…
Dasun
  • 602
  • 1
  • 11
  • 34
1 2 3
…
99 100