Questions tagged [nav]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
14 views

Hi, I want my page content to fall around the nav bar than being under or above the nav

Please could I have as much help as fast as possible. Anything Please!! I am struggling to make whatever content fall around the nav. It just overlaps all the content of the page. Also if there is any ...
  • 1
0 votes
3 answers
21 views

Why is the content showing along side with navbar? Why can't it display after navbar?

Image here Hello I am creating a hero section but the info that I am writing is showing in the navbar. I want it to display under the navbar. I can't find the solution. Please help. I am not good at ...
0 votes
0 answers
22 views

Why is my home page nav showing up different than subpages?

The kerning between letters is off on homepage vs the subpages. I have no idea why as they all use the same code in the nav links in html and css. I've attached some css and html below, I'm not sure ...
  • 15
0 votes
0 answers
10 views

How can I add an accordion-style navigation to a hamburger menu? [closed]

If there's a reason I haven't been able to find tutorials on this, please let me know. Maybe it's a bad idea for some reason??? But if this is possible, I'd love to know how I can take a hamburger ...
0 votes
1 answer
37 views

How do I get my logo to align left, and links right?

I'm new to css and trying to figure out how to get my logo on top of my nav links. I'd like my logo to be on the left with links on the right. I've just added in some html here as well! My logo is ...
  • 15
0 votes
2 answers
35 views

Why is the nav bar not inlined?

It is not showing the whole content of Nav bar in a single line Well I know that it ain't that complex still though it isn't working Where should I use the display inline tag body { background-...
1 vote
0 answers
26 views

Bootstrap navbar col are stacking horizontally instead of vertically in desktop but stacking vertically in mobile

I'm just using a basic bootstrap theme https://startbootstrap.com/previews/creative bootstrap link items mobile expanded bootstrap link items mobile desktop basic icons desktop contact link items ...
  • 11
0 votes
0 answers
36 views

Javascript Toggle Burger Menu Doesn't Show The Nav Item When Clicked

So i want to make responsive website, when i click burger menu i want it to show my nav item on right side, but when i click the burger menu it doesn't do anything. Maybe i miss something or is there ...
0 votes
0 answers
18 views

Navbar collapsing pushes right justified asset to newline

I have put the code on codeply, have a look to see what I mean: https://www.codeply.com/p/t0wDqYIOrh Basically I am using bootstrap 5.3.0 (downloading using cdn) and my <nav> looks like this: ...
2 votes
2 answers
64 views

Unable to add hamburger menu to Reactjs code

When my reactjs page hits mobile size screen hamburger icon shows but I am not getting how to add/open panel when the user clicks on te hamburger icon. <div className={styles["navbar-...
  • 21
0 votes
2 answers
33 views

How to center my Div container with Ul/Li [duplicate]

First things first sorry for my english.. There is the code first : *, ::before, ::after { padding: 0; margin: 0; border: border-box; } body { background-color: white; } .logo img { ...
user avatar
0 votes
1 answer
29 views

How can I add text below the nav bar and all that?

I am trying to add text below my header/nav bar. Please see code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
0 votes
0 answers
19 views

Bootstrap navbar briefly shows menu code on load

I'm hoping someone sees the glaring error that I'm simply not seeing. I am using bootstrap for my navigation. The navbar is at the top of the page with the logo appearing upper-left and the menu in ...
0 votes
1 answer
8 views

List item links not showing( contact, pricing and download)

` Tindog <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> &...
0 votes
1 answer
35 views

Why is Margin Top not working for my nav bar

so I am trying to recreate a website and I am trying to make the nav bar centered horizontally and vertically, which I dont know how to do really so I have been just chaning the margin-top: (x amount ...
-1 votes
2 answers
29 views

Safety Power BI, changes to database

I've got a general question, in my company we just switched to a new system (navision) that comes with a free version of Power BI. During the transition I was responsible for the Datamigration. Now ...
0 votes
1 answer
19 views

Parent menu link # reloads the page instead of triggering submenu

How to prevent page reloading when empty link is pressed (href="#") it will just reload the page without triggering submenu. Thank you in advance
  • 3
3 votes
1 answer
46 views

How to change text colour of links in navbar header AND links in nav pills (in shiny app)?

Here is a redacted version of my shiny app: library(shiny) library(bslib) ui <- tagList( fluidPage( titlePanel(""), tags$head(tags$style(HTML( " .navbar-...
  • 449
2 votes
1 answer
27 views

How to change text colour of navbarPage links when hovered on (in shiny app)?

Here is the a redacted version of my shiny app: ui <- tagList( fluidPage( titlePanel(""), tags$head(tags$style(HTML( " .navbar-default { color: ...
  • 449
0 votes
1 answer
58 views

CSS outside of '+layout.svelte' applies to its components

Currently working on my first SvelteKit project. I have created a "+layout.svelte" file which uses a navbar and footer component from my lib folder. When I add content to a page, it's ...
-1 votes
1 answer
39 views

Bootstrap - Nav Pills only working for 1st option

in bootstrap nav pills work only for 1st one. I have inserted forms for each nav pill and only shows a blank page. I have php code inside nav pills and a form. ANy fix thanks in advance My code: ...
1 vote
0 answers
15 views

Some images not loading on github pages after deploying. React

Hi I deployed a new react app to ghpages. One of the pages has a Tab Container with 3 Nav Items that serve as a link. The first tab which auto loads with the page shows all the images correctly. The ...
0 votes
0 answers
9 views

How to make Nav Bar Menus appear on the top of the screen (horizontally)?

I'm having my html-css practice day. Right now, the NAV-Bar-Menus are appearing on the upper left of the screen (vertically). I have tried checking CSS cheat sheet regarding display, flex, etc., ...
0 votes
1 answer
50 views

Single tab multiple content bootstrap 5

I am working on bootstrap tabs, I am trying for the single tab with multiple content div's. I have tried by using two data-target values like data-target=".etab-p1, .etabi-img1".but it only ...
1 vote
1 answer
16 views

How to make flex-end and flex-start for .logo and div?

I am trying to move #nav-bar elements to the right but it's not working. I want to put .logo to the left using flex-start but I don't think that's working. I think it's on the left by default. I am ...
0 votes
0 answers
8 views

Can you help me with a drop down menu? I want search on the nav bar to be a drop menu

Would you help with my nav menu? I need help with my nav menu. I want the search item to be a drop down menu but I can't quite get it coded properly. It works for the most part but the search item I ...
1 vote
0 answers
32 views

Bootstrap v4.1.3 Navbar (Hamburger) not working in Mobile View as well as dropdowns

I'm migrating one bootstrap HTML website to react, I'm facing an issue in navbar & dropdowns as navbar is not working in mobile view & getting the following Error. Uncaught TypeError: Cannot ...
0 votes
0 answers
22 views

Modifying a vertical mobile navbar via ajax

I have a vertical nav bar that is used for a mobile website that utilizes the same code as a desktop version, only changed via CSS through a bootstrap template. On the desktop, this works properly and ...
0 votes
0 answers
26 views

Dropdown navigation functionality on mobile

I am working on a website using a CMS. On desktop the navigation works properly with the dropdown menu working on hover. So the dropdown header is clickable and when you hover over it the dropdown ...
0 votes
0 answers
11 views

How to display a boxed navigation bar when I hover over parent navigation bar?

The objective here is to display the boxed nav bars vertically when I hover over one of horizontal parent nav bars. When I stop hovering over this bar, that boxed child nav bar should disappear. The ...
-2 votes
1 answer
50 views

How do I enclose <h3> inside <a>

My professor in an assignment wants us to list our education by colleges/highschools. He specifically states "Enclose the above <h3> inside of an <a> element with the fully qualified ...
0 votes
1 answer
33 views

The ul element does not appear after clicking the checkbox

My responsive page has a nav menu on top. But for mobile resolution I created a button that opens up a ul of that nav bar upon clicking. It should work given the code, but it does not appear. I have ...
0 votes
1 answer
19 views

Get active a tags switching to work with pushState?

I have a single page website and I am using an ACTIVE class on the nav to highlight the links in the NAV. The javascript to make nav links active: $(document).ready(function () { $('.inner-nav li ...
-1 votes
1 answer
51 views

React JS Navigation Bar

App.js import NewsSec from "./News/NewsSec"; import ScoreSec from "./ScoreSec/ScoreSec"; import Menu from "./Sidebar/Menu"; import "./styles.css"; import { ...
0 votes
3 answers
52 views

Nav bar black on web browser but white on mobile

i have this html <html lang="en"> <head> <style>.wf-force-outline-none[tabindex="-1"]:focus{ outline:none; } </style> <meta ...
2 votes
2 answers
71 views

CSS space between inside another flex element [duplicate]

I am trying to make simple nav-bar with logo, nav-links and button. and space everything evenly I have wrapper around those 3 items and i apply display:flex and than inside list i again apply display:...
0 votes
1 answer
31 views

Add Custom Nav Menu Scroll Points To Onboarding Menu

I need to add scroll points to custom links for theme setup in the onboarding-shared.php file : 'navigation_menus' => [ 'primary' => [ 'getstarted' => [ ...
0 votes
0 answers
40 views

disable going to previous page after clicking a link

what I want to do; I don't want the user to come back from the page they went to when they clicked on a link. i.e. the back button should be completely disabled. I will put the exit button for the ...
0 votes
1 answer
61 views

Active Navigation Bar section

I am trying to make a website for my f1 in schools team and I want to know how I can make a button in my nav bar change bg and font color when I am on that part of the page even with scrolling and ...
0 votes
1 answer
85 views

React navbar renders components separately with react-router-dom

I am using react router dom to render a website with react and tailwindcss. The navbar when clicked refreshes and renders the component on it's own without the other components. This is not what I ...
0 votes
0 answers
21 views

NodeJS Route not working. "Assignment to constant variable." Error

I am trying to set up a Shop page for my website. I have a navigation bar with 7 items. Each item works. They all work via a RestFUL API (Node server, routes, and controllers...). So I have it set up ...
0 votes
1 answer
20 views

Nav bar is resizing when I try to begin adding content to rest of page

I am brand new to learning HTML and CSS and am working on a practice page. Also this is my first question on here so apologies if I have made a mistake formatting anywhere. I have tried to make a ...
0 votes
0 answers
49 views

NavBar wont show?

`Hi, My nav bar wont show up in my project. The only thing that shows is the background color. Can anyone help me understand what i am doing wrong? I guess i need to conect it to an icon somehow - but ...
0 votes
1 answer
48 views

How do I get my nav menu to open beneath the navigation bar and not inside of it?

I'm attempting to implement a simple hamburger icon nav menu for a website I'm developing, but I'm having issues where the contents of the navigation menu are opening/appearing within the navigation ...
1 vote
1 answer
44 views

My vue.js nav will not navigate to other pages, just reloads the same page

new to Vue js so hopefully it is simply something I have missed. I have a navbar component, which generates a list of nav items like below: <template> <div class="nav-section"&...
  • 55
0 votes
1 answer
34 views

Nothing seems to happen when I click on any of my tabs

I have three tabs, but when I click on any of them, nothing happens and there is no error in the console. What is wrong? When I click on any of .tabs-nav-item nothing happens. function initTab(...
0 votes
2 answers
32 views

How do I make my style.scss(@import “variables “, @import “globals”, and @import “header”) to communicate with my stylesheet?

Im trying to learn sass and JavaScript using VS Code. I created an app folder that holds my js folder which contains my script.js and scss folder that contains my _globals.scss. _header.scss, ...
user avatar
0 votes
1 answer
42 views

CSS nav styling

I am recreating Apple page from Youtobe video to learn more css and html. I encountered a problem with a styling of navigation. My problem is that the nav section is too wide. As you can see on a ...
  • 49
0 votes
0 answers
28 views

How call wp_nav_menu?

I am learning to convert HTML website to WordPress. I want to register this menu but does not know how to call these classes. wp_nav_menu anyone can help me to fix this menu into website with code. ...
  • 1
0 votes
0 answers
15 views

To what does this Dynamics NAV Filter resolve

We have a Rapid Start that has an Item No. filter set to _@!#$. It is returning no records. I don't know how to interpret this filter. Can someone point me in the right direction?
  • 1,099

1
2 3 4 5
51