Questions tagged [nav]
The `<nav>` element is new HTML5 element which defines a section of navigation links.
2,512
questions
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 ...
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 ...
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 ...
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 ...
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-...
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 {
...
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
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-...
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: ...
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"&...
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, ...
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 ...
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.
...
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?