Most voted "nav-bar" questions
60 questions
Sort by count of
-
3
votes2
answers129
viewsMinimal Hover Menu - The Right Way
In the example below we have an interesting menu, with a effect Hover, which follows the mouse and its items. Everything is very beautiful and works well. The problem is that this menu is set with…
-
2
votes1
answer433
viewsShow div only after passing a second section
How do I show a div only after the scroll passes a certain #id? <div class="row" id="menufixo"> <!-- TODO ADICIONAR CLASS navbar-fixed-top PARA MANTER MENU NO TOPO --> <div…
-
2
votes1
answer464
viewsHow to change the color of the Ios navbar
I am developing an application, I would like the navigation bar to have the same color as the body of the project, I am trying with the following code UINavigationBar.appearance().barTintColor =…
-
2
votes2
answers1373
viewsMenu does not fade when clicked on responsive bootstrap site
I’m trying to make the mobile responsive menu on a bootstrap site disappear altogether by clicking on its links. The site is one page and the links work via Anchors. The site has been modified into…
-
2
votes2
answers326
viewsCreating Navbar to Test Responsive Site
Hello, I find this question strange to explain, but I will try my best not to take negative vote haha, come on. Situation: I have a website, in it I present other website templates, I would like to…
-
2
votes2
answers1087
viewsOpen a tab by clicking on the navbar link
I have a navbar that has several links to the same page that has 3 tab. I need that by clicking on a navbar item it opens the page with the specific tab selected. I tried to do so (but it didn’t…
-
2
votes2
answers110
viewsCreate navbar with centralized search field
are trying to make a Nav bar with a centralized search field.. I even managed to do more I believe I’m not in the best way, because when I open on a smartphone everything gets weird... Follow my…
-
2
votes1
answer20
viewsNavbar centering
I am trying to align in the center this search bar but the button is not on the side. If you can help me I thank you already. <div class="row"> <div id="custom-search-input"> <form…
-
2
votes2
answers3028
viewsNavbar Vertical
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>…
-
2
votes1
answer1753
viewsProblem aligning navbar on the right
Hello, I’m new to css and I’m having problems trying to align my buttons navbar on the right; so that I can put a logo on the left. Here is my code! .menu, .menu ul li { margin: 0; padding: 0; }…
-
2
votes1
answer503
viewsCreate HTML shape and overwrite navbar
I need ideas on how to make a navbar like this. I tried with clip-path, but I don’t know if it’s a good one. These triangle curves and mainly the green bar curves complicate my life. The navbar is…
-
2
votes1
answer35
viewsNavbar with higher margin when adding position:Bsolute; in a text
Good morning, everyone. When I change the position of the text to the top of the site to position:absolute; My Nav bar gets a slight margin at the top. how can I fix this ? var TxtType =…
-
2
votes1
answer307
viewsHow to make my menu work on all pages
In my system, I have a menu, which works perfectly, but I’m trying to include a dropdown, with more links, the dropdown works only when I’m on the menu page, when I’m on other pages, the dropdown…
-
2
votes1
answer631
viewsbootstrap line break does not occur
Good evening, I’m learning how to use bootstrap 4. I made a menu using navbar and nav-brand, everything works normal but when it comes to the sizes sm and md for some reason the background size gets…
-
1
votes2
answers1232
viewsNav-bar multicolored Bootstrap
I have to leave my multicolored Nav-bar? For example, half one color, half another? I want to do something in that style but I don’t want those degrade marks.…
-
1
votes2
answers842
viewsList items from a Dropbox with navbar responsive bootstrap
I am formulating a responsive page with bootstrap, where I have 2 bars: NAVBAR where I have the company logo, and a simple Dropbox with the name of the person, and with the options change password…
-
1
votes3
answers1741
viewsChange the breakpoint (breakpoint) of the navbar
I have a navbar that works with Collapse, so when in lower resolution the menu is grouped and appears only when clicked. Anyway, is there any way that I can change the navbar breakpoint only so that…
-
1
votes1
answer2175
viewsAligning buttons on the NAVBAR
I have the following buttons on my navbar: <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <a…
-
1
votes1
answer398
viewsStylized Div with CSS
I need to make a div that has the appearance of the image below: I tried to do with background image, but it is more difficult to position, as in the image below: The problem is to make this area…
-
1
votes2
answers1108
viewsResize NAVBAR size when scrolling the page
I’m trying to get Navbar to slow down when I scroll the page, assigning the class .sticky in <nav>. But for some reason, the slider doesn’t decrease, it just changes color. I’ve tried…
-
1
votes0
answers145
viewshow to add a div with information above the navbar with background Carousel
I’m having a difficulty that although it seems to be simple but I’m not getting where I want, I’m creating a site where I have a div with the language card, in the middle of the logo and a…
-
1
votes0
answers183
viewsChange IONIC 3 ion-header/ion-navbar height on Android
I wonder how I do in Ionic 3 to leave the header of android equal to IOS, IE, occupying all the top space without appearing, that part of the room where appears the mobile information( time, battery…
-
1
votes1
answer812
viewsHow to create a sub submenu using bootstrap megamenu
Does anyone know how to create a sub-menu with megamenus? Thank you .navbar-default { color: #fff; background-color: #39b3d7; border-color: #269abc; } .navbar-default .navbar-nav > li > a {…
-
1
votes1
answer1884
viewsBootstrap navbar close
Hello, I am using bootstrap version 4.0 beta-2, and I have a question, how do I close the navbar menu after clicking on a list item? By default you need to click on the item and click again in the…
-
1
votes2
answers238
viewsnavbar semantic-ui transition
I want to create a transition in navbar (menu), when scrolling the page scroll, do not know the name of the effect but it is this one (just scroll down and the navbar becomes solid with a white…
-
1
votes1
answer215
viewsHow to Block Navbar Functions for Logged-in Users Only?
I wanted to know how to block part of this navbar, with the session, only for users logged in to the page Navbar: <header class="masthead"> <nav class="navbar navbar-expand-md navbar-light…
-
1
votes1
answer975
viewsCenter button vertically inside Nav boostrap
As I center this button inside a Nav-item, the html is so: <nav class="navbar navbar-expand-sm bg-light navbar-light sticky-top"> <div class="container"> <a class="navbar-brand"…
-
1
votes2
answers115
viewsMy search bar does not position correctly
My search bar is not positioned correctly at the end, and the initial part of the menu is not at the beginning, everything is centralized. Follows my code: .barra{ display: inline-flex;…
-
1
votes2
answers459
viewsModify breakpoint of navbar
nav #btn-principais{ background-color: #27C8D0; border-radius: 1px !important; float: right; } #logo{ width: 240px; height: auto; float: left; } nav .icon-bar{ background-color: #000; }…
-
1
votes1
answer437
viewsNavbar bugada in the resposivo
My site has a bug that I don’t know when it started, it was working normally, when I clicked on the burger menu the menu went down with the options with a white background and below on Nav, but now…
-
1
votes1
answer41
viewsNav-bar logo moves when website and placed in full screen
I developed a Nav-bar Fixed with an image in the center also Fixed, but when I put the site in full screen I realize that the logo also moves, how can I leave the logo fixed regardless of the height…
-
1
votes1
answer90
viewsNavigation not occupying full size of browser
The thing is, I just noticed an error that my site has, is this, I set the max-width of the page to 1366px, if I zoom out in the browser all elements occupy the full width of the browser. But it…
-
1
votes2
answers941
viewsHow to call a modal page in a navbar on bootstrap?
I’m developing a website that I need to call a modal in the submenu of a bootstrap navbar, but the php file with the page I’d like to call is in a different folder than the file that navbar was…
-
1
votes4
answers3001
viewsHide navbar when item is clicked
I am developing a site whose menu is the dropdown navbar of bootstrap 4. When I view the site on a smaller screen, the Nav is replaced by the burger button and is only "activated" when this button…
-
1
votes1
answer55
viewsCentralize a NAV - With video background
I need to center a text, but with justify-content: center and align-items: center I’m not getting through. Not even if I put for example, top: 50% and left: 50%, items are not exactly in the middle.…
-
1
votes1
answer102
views -
1
votes0
answers238
viewsUse a lot ul/li on bootstrap Nav or use links and style in css?
I’m recreating a menu with bootstrap 4.5 for better learning and I was left with a question. I have the following nav for example. The proposal is to recreate this menu in a responsive way with…
bootstrap-4 responsive-layout nav-bar semanticsasked 4 years, 5 months ago Marcielli Oliveira 1,597 -
0
votes1
answer4816
viewsHow to change the width of a native bootstrap navbar?
Good morning. I need to change the width of a native navbar. I simply took the site boostrap.com and pasted it in my template.blade.php but it’s occupying the whole screen and I need to reduce its…
-
0
votes1
answer72
viewsBOOTSTRAP NAV Collapsed Collapse changing height alignment
Problem: I need a navbar with BIGGER HEIGHT. I changed the css .navbar { min-height: 80px; vertical-align: middle; } .navbar-collapse .collapse .in { padding-top:80px; } Vertical alignment of links…
-
0
votes1
answer155
viewsHow to do navbar slidedown and slideup when der scroll on page
Hello, I’m a beginner in jQuery and I’m trying to configure the navbar of my site so that when you scroll down, the navbar hides and there is only one button for you to open the navbar, and when you…
-
0
votes1
answer269
viewsLogin to index screen
Talk to the guys, all right? So I’m developing an application in ASP.NET MVC and I have a login screen, but I include in the login navbar, where the index the user could enter his email and password…
-
0
votes0
answers58
viewsPrevent Navbar Scroll in Materializecss
I’m using Materializecss in a project, so far so good. I’m not able to make a stop with the scroll bar. How do I stop the scroll bar from going up, in, over the navbar? so that it only scrolls the…
-
0
votes1
answer123
viewsNavbar in trouble
I’m doing a project, and when I reduce the screen, the navbar switches to the mobile default, making it responsive, then when I click on the 3 dashes of the navbar menu, it drops the content and…
-
0
votes1
answer135
viewsPush a Collapse button through the menu
On the page I’m developing, the contents are all hidden by the "Collapse" bootstrap class. As it is a Single Page, I would like my menu to go up to its respctive Section and then show the content…
-
0
votes5
answers1042
viewscentralize a Nav menu
How can I center this menu? ul{ margin: 0; } ul { list-style: none; } a { text-decoration: none; } .clearfix:after { display: block; content: " "; clear: both; } #site-navigation { background-color:…
-
0
votes1
answer88
viewsHow to enter the active class depending on the page the user is in?
I have that code: function showNavbar(){ echo "<ul class='nav nav-list'> <li class='active'> <a href='index.php'> <i class='menu-icon fa fa-tachometer'></i> <span…
-
0
votes3
answers2099
viewsHow to change right when scrolling on navbar
Hi people see if you can help me, I need a function using jquery or a simpler method, which change my logo when scrolling the mouse scroll, at the moment I have the following function, which just…
-
0
votes1
answer739
viewsBootstrap Responsive Navbar is not working!
<html> <head> <meta charset="utf-8"> <title>HARD PUNK - Strange, The Fish</title> <link href="./css/bootstrap.min.css" rel="stylesheet"/> …
-
0
votes0
answers167
viewsNavbar Bootstrap opening wrong link on points of the site
On my site I have a menu that I add with header.php in certain parts of the site, home and its symbolic links. the problem is when you go from the horizontal menu to that button that opens…
-
0
votes1
answer39
viewsRewrite Data from an Object List in HTML
Hello, I have a List of objects that is being created in an Onget method and I need to get all the data from it to put in my html page, as I can recover this data? List<string> MenuPrincipal =…