nav Questions

3

Solved

I'm an absolute beginner when it comes to HTML & CSS> So, I reckon that this might sound easy to some of you. I was looking for a way to add a simple shadow to the navbar, like the one on Co...
Mourning asked 14/3, 2020 at 7:26

12

Solved

I'm new on bulma css http://bulma.io/ I'm trying to use hamburger menu for mobile user. I just followed instruction on this page: http://bulma.io/documentation/components/nav/ But it doesn't work...
Fi asked 14/12, 2016 at 7:35

4

Solved

I've read in several places that there's no need to use <nav> inside <footer> when all you're linking to is copyright, terms and conditions, etc. However, a site I'm working on has the...
Disregard asked 24/7, 2012 at 19:29

15

Solved

I'm trying to change the active color (after its clicked it remains twitter's light-blue color) for each tab: <ul class="nav nav-pills"> <li class="active"><a href="#tab1" data-to...
Groveman asked 12/5, 2012 at 3:17

2

I'm trying to add the sticky navbar effect to the navbar of a site when a user scrolls down. i.e I want the navbar to become fixed at the top of the page when the browser is scrolled down a certain...
Havstad asked 25/10, 2021 at 21:51

2

Solved

I've been testing my bootstrap site on various devices to ensure it's responsive. I've got everything resizing correctly for different display sizes except the navbar. On my browser, when I resize ...

4

Solved

I am a beginner in React JS and would like to develop a react router based navigation for my Dashboard. The mockup is as follows: My app.js code which I created to try routing is as follows: im...
Crinkle asked 5/1, 2016 at 9:10

3

Solved

here is the caused by: " Caused by: android.view.InflateException: Binary XML file line #21 in com.example.dnaire:layout/main: Binary XML file line #21 in com.example.dnaire:layout/main: Error...
Bwana asked 11/1, 2021 at 17:29

5

Solved

This button triggers the next tab to load content, but the tab itself does not switch, it remains on the first tab.. <br><a class="btn btn-primary" href="#tab2" data-toggle="tab">Revie...
Keratose asked 9/5, 2013 at 13:17

7

Solved

I am having difficulty with centering the navigation bar on this page. I tried nav { margin: 0 auto; } and a bunch of other ways, but I still can't center it.
Bent asked 13/5, 2011 at 17:8

9

Solved

Now that we have a dedicated <nav> tag, Is this: <nav> <ul> <li><a href="#foo">foo</a></li> <li><a href="#bar">bar</a...
Gaud asked 4/4, 2011 at 22:5

1

Solved

I have a simple nav menu opened from a burger. Whilst this is open how can I prevent all scrolling on the screen? The nav bar is 100vh and I want to prevent scrolling past it whilst it is open? Js ...
Catch asked 18/2, 2021 at 11:21

2

Solved

I am having some issues with my Bootstrap navbar. I have a lot of tabs in the navbar so the header gets on separate line and the tabs get on 2nd line which doesn't look good. because navbar takes...
Washtub asked 1/2, 2017 at 11:39

1

I have this navbar setup on my page, I would like for it to work as normal on a tablet or desktop and then when loaded on a mobile device for the navbar to be condesnsed into a pressable hamburger ...
Ermina asked 20/1, 2020 at 9:31

10

I'm attempting to make a nav bar that appears at the bottom of the viewable page when the site is first loaded, then as the user scrolls down, the nav bar scrolls up, and eventually becomes fixed t...
Kowalski asked 2/2, 2013 at 23:48

11

Solved

How can I set Bootstrap navbar "active" class in Angular 2? I only found Angular 1 way. When I go to About page, add class="active" to About, and remove class="active" on Home. <ul class="nav ...
Counterintelligence asked 16/2, 2016 at 2:18

1

Solved

I am having problems with the behavior of my sticky header. Desired behavior: a) Scrolling to where the bottom of the .nav hits the top of a section adds the active class to the tab and it ...
Inharmonious asked 6/3, 2019 at 7:41

4

Solved

This question was already asked here but this don't work because of the Javascript. So in the provided answer only the CSS was changed but not the JS, which means the content of the nav bar is stil...

5

Solved

W3Schools.com and I'm pretty sure I remember seeing W3C.org state that <menu> should be used for Toolbar menus and listing form control commands. So, which one should I use for my main menu?...
Sigmon asked 11/2, 2011 at 13:55

1

Solved

I have just started using Bulma (bulma.io) and want this image to resize to the navbar height which I belive by default is 3.25rem (16px base font-size) but it is not. I have tried resizing the im...
Gazetteer asked 11/10, 2018 at 14:47

3

Solved

In this dropdown nav I'm building if a dropdown is opened and you click to open a second one, the black box should remain visible. At the moment the black box disappears when you click on a second ...
Expertism asked 25/5, 2018 at 7:49

3

Wondering if it's possible to have two navigation bars displaying on separate rows on desktop, but have the two navbars collapse into one toggler on tablet and mobile. Essentially, I want t...
Epa asked 10/12, 2017 at 6:35

2

Solved

So, in Bootstrap v3, you would just add a data-offset attribute to the nav tag, with the pixel offset, in this case 54px, <nav data-offset="54"></nav> However, in Bootstrap v4, this ...
Leiker asked 20/9, 2016 at 8:13

8

Solved

I just switched to bootstrap 4 and reworking all my html and scss to work with it and I cant seem to find how to put a group of nav-items on the right side of the navbar. This is my navbar co...
Fremantle asked 21/10, 2016 at 13:49

11

Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a nav bar stick Make a n...
Rabbitry asked 11/2, 2015 at 10:42

© 2022 - 2024 — McMap. All rights reserved.