Questions tagged [navbar]

The portion of HTML and XML that deals directly with page navigation

Filter by
Sorted by
Tagged with
0 votes
1 answer
31 views

Navbar won't go back to normal after screen size shrinks

I am creating a football website and am working on the navbar. I created code so that when it shrinks, it becomes collapsible with a hamburger button. However, if I make the screen wide again the ...
0 votes
0 answers
15 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
-2 votes
1 answer
23 views

Probably the Bootstrap framework is causing the "Friends" nav-item to not appear correctly

I am new in Bootstrap and using Bootstrap 4 with Bootstrap 5 code mixed. I am trying to display the Friends and About Us links in the navbar, but they don't even appear The code is <nav class="...
1 vote
1 answer
52 views

Hamburger icon click does not display menus

I'm trying to build my first website, and I am stuck on this problem. I want to create a responsive Navbar with hamburger menu when I resize a window or when I use the website on a mobile. However, ...
  • 11
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 ...
-1 votes
0 answers
22 views

How to maintain fixed other element with click on bootstrap toggle

With same navbar there are two menus (left and right) and brand at center. On small screens, when I click on one of the menu toggle the others elements move from the original position. How can avoid ...
  • 1,442
1 vote
1 answer
31 views

How to transition to a page and scrollTo a specific position

I am working on a school project, and I would like my navbar to link to the index.html page and scroll down to the "About Me" image when clicked. I tried the following JS code: const pcNav = ...
0 votes
0 answers
10 views

In a webpage, why hovering a hover navbar make changes on html index?

I'm trying to scraping a webpage which is my trialtask for now, but it's my first time, I wrote some script by using python bs4 to gather information and used some tools but I can't fix the navbar ...
  • 1
0 votes
2 answers
20 views

<img> and <nav> in #globalnav not pushing themselves to max width

I have a fixed header with a global navigation bar. The issue is that the logo and navigation menu in the globalnav are not pushing themselves to the max width of the container. The HTML code for the ...
  • 71
-2 votes
0 answers
31 views

How can i fix my navbar in phone is not functional?

navbar is working on developer tools responsive mode but not in phone wordpress website, i press the search bar and hamburger icon but not opening nothing. I tried in some ways to fix but its kinda ...
0 votes
0 answers
22 views

As soon as a div is added whose visibility depends on display size, the navbar moves slightly when scrolling up or down the page (video included)

Here is a video example of my problem: https://i.imgur.com/yRKiWzB.mp4 This is the same problem that I have on my website and after quite a bit of frustrating debugging I have discovered what causes ...
  • 43
1 vote
2 answers
57 views

How do I get my Nav bar to be right aligned?

I am fairly new to html and CSS. This is code for a homepage I am making for my front end web development course. I have been fiddling around with CSS and HTML to have my nav bar right aligned but it ...
0 votes
1 answer
25 views

i NEED help qith my media query in css my responsive menu

`.nav { justify-content: space-between; padding: 5px; margin: 5px; display: flex; } .nav a { margin-right: 20px; text-decoration: none; color: darkgreen; font-family: ...
0 votes
1 answer
34 views

Changing the font-color of the dropdown title

I'm using the react-bootstrap NavBar component , where I'm playing with NavDropdown which is simply a dropdown in the navbar. In my page , I have 2 dropdowns as shown in image. What I want is that if ...
  • 2,935
0 votes
1 answer
16 views

Entering Project Number not working/But Selecting project from drop down list work properly

when try to select project by entering number its pop up the MsgBox, but its working properly when click the Drop Down list. When add project number its select full name and everything but when hit ...
  • 1
0 votes
1 answer
19 views

Bootscrap NavigationBar not showing drop-down menu and also menu on full screen isn't spaced from the title as expected

The code: <nav class="navbar navbar-expand-lg navbar-dark"> <a class="navbar-brand" href="">tindog</a> <button class="navbar-...
1 vote
1 answer
11 views

Bootstrap 5 Transparent Navbar not working

I'm currently working on a Django project (Practicing) and I was able to make the navbar transparent when I started, and I have implemented quite a fair bit of code since then and have since been ...
0 votes
0 answers
32 views

Show/Hide nav menu based on claims Identity ASP.NET CORE (not role base)

I've successfully implemented role and claim (policy) based authorisation in my app. I'm using ASP.NET CORE 7 MVC. The top menu navigation is hidden base on the login user's role something like this: ...
  • 105
0 votes
1 answer
21 views

Navbar ul wont show up when the menu toggle is clicked

I have encountered a problem with my navbar ul not showing up when the button is clicked. I'm using React and SCSS, my main problem is mainly the media query since when the button is clicked, it ...
  • 29
0 votes
0 answers
33 views

Navbar toggle button not doing anything when clicked

I'm making a basic website with the use of Bootstrap 5. I'm trying to make a navbar that shrinks to a dropdown menu when the window is small, but it doesn't work. I tried different types of navbars, i ...
0 votes
1 answer
15 views

Bootstrap navbar dropdown not expanding in .net webforms application

The nav bar dropdown is not working or expanding when i am clicking it. Im utilizing bootstrap 5.2.3 in NuGet package. I want it to work.It is just not showing the dropdown menu when i am pressing it ...
-1 votes
1 answer
21 views

Please help me attain this hover effect in css where I an form a dot and a longer line on hover

enter image description here I want this dot and a longer dot effect. I tried the linear gradient but could not get the rounded edges. The code I tried looked like this... padding-block-end: 0.4rem; ...
-2 votes
2 answers
24 views

How should I make the navbar to be on the same line with the logo and header

I want to put them on the same line I've tried float it didn't work
-2 votes
0 answers
14 views

Navigation bar links not working on my website

I'm having an issue with the navigation bar on my website. The links to the other pages don't seem to be working when clicked. The strange thing is that the links work perfectly fine on the other ...
  • 1
1 vote
2 answers
36 views

Trying to learn the "making of navigation bar"

I read some articles but couldn't understand them clearly. There are some things I want my navigation bar to have, The background color of the navigation bar shouldn't have a gap above and on the ...
0 votes
1 answer
35 views

Static transparent navbar over header image

Situation I successfully created a transparent navbar which is overlayed on top of header image which has an SVG curve assigned to it. I've been able to create the transparent navbar by amending some ...
-1 votes
0 answers
14 views

Boostrap 5 navbar-brand

I used navbar-brand class but i think it not look navbrand my page nav brand [w3 school nav brand] (https://i.stack.imgur.com/UBmiC.png)
0 votes
1 answer
23 views

Size logo into navbar

So for the longest time now, I've been trying to size my logo into my header/nav bar and I'm really struggling. When I try to change the width or height it doesnt do anything and when I go to look at ...
0 votes
1 answer
30 views

Bslib change only navbar color

In my shiny app, I have an option allowing to change the theme app. Is there a way to create a theme where only the navbar is colored and the body is black or white ? I know it's possible to do it ...
  • 337
1 vote
3 answers
55 views

Link components to own Navbar

I build my own Navbar using a YT-Tutorial and now I'm trying to connect the different sections of the website using react-router-dom. But when I click the Navbar in the browser it shows nothing, I don'...
0 votes
1 answer
11 views

Transitions is not working on my responsive navbar component

I have this navbar component, here is an image of it on a mobile view: My question is, I cannot see a transition when clicking the hamburger menu to show the ul, I do not see it despite adding the ...
  • 29
-1 votes
1 answer
16 views

How can I prevent MathJax equations from overlapping with dropdown menus in Bootstrap 5.2?

I'm building a website using Bootstrap 5.2 that includes MathJax equations and dropdown menus in the navbar. However, the MathJax equations are overlapping with the dropdown menus, making it difficult ...
0 votes
1 answer
33 views

How can I show my Navbar.Brand image on mobile screens?

I have created a Navbar using React Boostrap however the brand image disappears on mobile screens. See below. Navbar on desktop Navbar on mobile As you can see the logo goes into the menu when on ...
1 vote
0 answers
36 views

Angular Material navbar responsive

I would like to create a responsive navbar with angular material. I would like to create something this bootstrap navbar: see bootstrap responsive navbar When the screen size is reduced, I would like ...
  • 11
0 votes
0 answers
26 views

Bootstrap positioning icons when viewing Mobile vs PC

I'm new to Bootstrap so bear with me, but I have a navbar that contains hyperlinks to my other pages. Also in the navbar, but on the opposite end, I have image icons that go to my social media ...
  • 1
0 votes
0 answers
41 views

How to toggle a boolean relative to what i click on?

I'm trying to do a sorting menu with foldable categories. To open/close the categories i use javascript but i don't want to duplicate the code each time there is a new category. How could i modify ...
0 votes
0 answers
31 views

CSS question about positioning a play now button in the nav bar in the middle

I am trying to move the button to the middle of the nav bar but having no luck. What element do I touch for CSS to do this? This is my nav bar react js file trying to figure out what container to ...
0 votes
1 answer
45 views

On Bootstrap v5.3: Need help understanding navbar bg-dark" and data-bs-theme="dark"

On this link: https://getbootstrap.com/docs/5.3/components/navbar/ If you scroll down to "Color schemes" <nav class="navbar bg-dark" data-bs-theme="dark"> <!-...
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
21 views

How do I prevent an expanding menu from rearranging/moving items in a navbar?

I've got a responsive navbar with a hamburger menu icon on the left, a brand icon in the center and theme button on the right. When the viewport is large enough, the hamburger menu disappears, the ...
0 votes
0 answers
41 views

Flask application works fine locally but not in deployment

I have a problem with my Flask Application. It's work fine on my computer but it has strange behavior when I put in deployment. When the user login sometimes the login didn't work and the user must ...
1 vote
0 answers
29 views

Navbar Missing from Razor Pages Application after Publishing to Azure App Service

I have a razor pages application, I'm using mostly default things, but I am in fact using Blazorise components as well. When I launch the app from Visual Studio everything operates perfect. However, ...
0 votes
1 answer
24 views

my open and close buttons in my react components aren't toggling

I am trying to make my navbar mobile responsive, problems are (in mobile view): 1.Initially we get FaTimes (x) button instead of FaBars (hamburger). 2.And when we click on those buttons, the navbar ...
0 votes
1 answer
23 views

What value in my heading is hiding the content on the rest of the page?

I have a heading and navbar with a workaround hamburger menu (no javascript). However, there is something in the code that means that whenever I try to write anything below it .. text.. place an ...
0 votes
1 answer
16 views

NavBar and Drawer Flutter

I want the navbar inner container to take 80% of screen width... is that possible with the AppBar Widget? This means that i want the hamburger icon on the right (generated by endDrawer) to move 10% to ...
0 votes
0 answers
46 views

slow NavbarMenu with multipolygon shape in leaflet

I am new in creating shiny apps, please some patience with me. My code is relative big, so I share the link https://github.com/xxguisseppe/shiny_app_pnuma.git to download all the folders with the data ...
-2 votes
0 answers
18 views

Flex container not aligning properly on positioning left vertical navbar as fixed

Flex containers shifting to left side on positioning the vertical navbar as fixed and not staying as aligned initially which results in overlappiong of navbar and information containers. On making ...
0 votes
0 answers
7 views

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Element': '/navbarSupportedContent' is not a valid selector

I am using bootstrap 5 with React and having this issue with navbar. When i switch from full screen view to mobile screen, navbar contents are grouped in a button. when i click the button the navbar ...
0 votes
0 answers
23 views

Why is the navbar in Bootstrap 5 not responsive?

I'm a newbie. Below is the navbar code from Bootstrap 5.3 but the text is not responsive. What do I need to add? ` THIS IS THE LOGO ` I tried to put "navbar-expand-lg" in the nav class ...
0 votes
0 answers
21 views

In HTML5 Using Bulma CSS framework, how to ensure logo is not stretched in navbar? Also is there anything blaringly wrong with my code thus far?

Pardon any atrocious errors, as I only have a few hours in web development experience so far. I'm creating a page using Bulma and am still working on the navbar. With that, I am having a bit of a ...

1
2 3 4 5
119