Skip to main content

Preguntas con la etiqueta [navbar]

Una barra de navegación, también conocida como navbar, es un elemento de control gráfico que permite a los usuarios navegar por un sitio web o una aplicación. Es el menú principal que aparece en la parte superior o en el lado de una página web y permite a los usuarios navegar por el sitio de manera rápida y sencilla.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
2k vistas

Imagen dentro de una barra de navegación sin afectar el tamaño de la barra

que tal, quiero poner una imagen (avatar del perfil) dentro de una barra de navegación, pero cuando lo hago, la barra navegación se ajusta al tamaño de la imagen. De momento lo que he hecho es solo ...
0 votos
1 respuesta
28 vistas

Click fuera de formato en navbar

Hola tengo la siguiente navbar en html y css <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> <div class="...
0 votos
2 respuestas
111 vistas

Navbar de bootstrap, no sé separar la imagen del texto

para Django, de la pagina de bootstrap cogi el ejemplo de navbar y no consigo que los elementos imagen y texto se separen, desconozco cual es la propiedad que lo hace. La clase intro-img e intro-text, ...
0 votos
0 respuestas
34 vistas

Como personalizo la barra de navegacion de bootstrap

Quiero personalizar el color de fondo, tipografia, color de la tipografia y tamaño y no puedo. Probé con la hoja de estilo y dentro del codigo de la barra y no se modifica, tampoco encuentro la forma ...
2 votos
1 respuesta
166 vistas

Problema con barra de navegacion hamburgesa responsive que no se contrae

La barra de navegación de mi proyecto en Angular (15.2.2) es responsive y tiene un menú hamburguesa para la versión móvil, solo que no he podido lograr que se contraiga cuando se hace clic afuera de ...
1 voto
1 respuesta
371 vistas

Por que mi boton toggle navbar en bootstrap no funciona?

Copie y pegue botones y de igual manera sigue sin funcionar, ademas de que intento moverlo todo hacia la derecha pero tampoco puedo, que puedo hacer? Estoy usando Angular <nav class="navbar ...
0 votos
0 respuestas
329 vistas

Django: ¿Cómo identificar usuario autenticado en template de editar usuarios?

Estoy programando en Django una aplicación web en el que el usuario se debe iniciar sesión y en todo template debe aparecer en el navbar su correo electrónico ({{user.email}}), lo cual lo conseguí. ...
0 votos
0 respuestas
108 vistas

Problemas de posicionamiento de un menú creado con Elementor de WordPress

Tengo un menú creado en WordPress con Elementor el cual se despliega a todo el ancho, pero no consigo que al desplegarse no tape cierta zona del header, aquí muestro imágenes: Intenté darle margen y ...
0 votos
1 respuesta
288 vistas

Dropdown de Bootstrap

tengo un problema con el código del navbar en Bootstrap. El problema es que el Dropwdown no funciona. Cuando le doy clic para que se extienda no se hace. Además, cuando cambio a vista de móvil, el ...
0 votos
0 respuestas
249 vistas

Navbar que este en todas las pantallas Flutter

estoy tratando de hacer un navbar, he probado diferentes librerías pero me he quedado con persisten_nav_bar, sin embargo no es tan persistente, en algunas pantallas no llega el navbar. Necesito ayuda ...
0 votos
1 respuesta
200 vistas

¿Cómo cambiar la propiedad de un elemento dependiendo de la elección del usuario con javascript?

Estoy utilizando un menú lateral en el cual para simplificar código hago uso de un layout colocando el código HTML de este menú lateral y al momento de trabajar en las rutas de navegación presentes en ...
1 voto
1 respuesta
75 vistas

Mantener la alineación en un Navbar Bootstrap 5

Tengo un navbar que contiene: el elemento navbar-toggler en la izquierda, una imagen al centro y un ícono en la derecha. Mientras la pantalla sea menor de 992px va todo bien, con la imagen centrada. ...
0 votos
1 respuesta
101 vistas

Como puedo modificar y optimizar mi codigo para que el Navbar que estoy creado pueda ser agregado a todas las pantallas

estoy haciendo un navbar, he buscado varias formas de hacerlo con el gestor de estado GX me llego a sulucionar una parte, puedo agregarlo en todas las pantallas de esta maners class CustomBottomBar ...
0 votos
1 respuesta
376 vistas

Position: sticky; no funciona

Quiero que mi barra de navegación se quede fija en mi archivo web. He probado el position: sticky; top: 0; Pero no funciona, cuando la barra de navegación alcanza el valor top: 0, no se adhiere a la ...
1 voto
1 respuesta
30 vistas

cómo hago que la navbar se mantenga igual al mostrar un submenú

Cuando quiero mostrar el submenú el fondo de la navbar también se hace más grande, ya que el submenú está dentro de ese bloque, pero quiero que la navbar se quede igual, sin cambiar su tamaño, y el ...
0 votos
1 respuesta
72 vistas

Destacar opcion en NAVBAR

Tengo en mi sistema una NAVBAR con varias opciones, todo funciona bien. Tengo configurado para que cuando la pagina este en ACTIVE se destaque para identificar la pagina actual. Pero lo que no he ...
1 voto
1 respuesta
42 vistas

El logo en mi navbar no carga en otras paginas

Estoy tratando de agregar un logo a mi navbar, pero el logo no carga en otras paginas, solo en la principal. A continuación, el codigo: <a class="navbar-brand text-white logo h3 align-self-...
1 voto
1 respuesta
245 vistas

Como arreglar un bug con active navbar bootstrap?

Creando mi navbar en bootstrap usando react, me tope con este pequeño error En la imagen aparece que Home esta activo pero yo en en codigo no lo tengo activo, es mas work deberia ser el que este ...
0 votos
1 respuesta
45 vistas

Actualizar estado active en <nav>

¿Por qué cuando interactuo con los elementos del dropdown y luego quiero interactuar con los demas elementos no me desmarca las opciones dentro del dropdown, siempre las deja activas y me bloquea el ...
0 votos
1 respuesta
5k vistas

Porque cuando pongo mi navbar en fixed position se vuelve "invisible"?

Estoy ensayando diferentes estilos con CSS y ahora quiero que mi navbar se quede estatica mientras uno va mirando la información (Igual que en esta página). Aun cuando position: fixed funciona como ...
0 votos
0 respuestas
40 vistas

Como cambiar el alto de un navbar de boostrap

Estoy utilizando el navbar predeterminado de BOOSTRAP pero es muy alto y necesito que sea mas pequeño. Cuando trato de forzarlo en un CSS con height lo consigo pero luego el modo responsive no ...
-1 votos
1 respuesta
76 vistas

Modal bootstrap no funciona con navbar fija

Anteriormente formule mal la pregunta. Pido disculpas ya que soy novato. Adjunto codigo. Mi consulta es la siguiente, tengo un navbar de bootstrap y dentro puse dos modal, funciona todo perfecto pero ...
3 votos
0 respuestas
76 vistas

¿Como puedo eliminar el margin-left que tiene por defecto las etiquetas <a> del navbar de Bootstrap?

No encuentro la manera de hacerlo desde CSS. Imagino que viene predeterminado por alguna de las clases de Bootstrap, pero imagino al mismo tiempo que debe poder editarse. Como verán en esta foto, en ...
1 voto
1 respuesta
123 vistas

¿Como hacer para que el texto del menu quede de un color cuando está en foco?

Basicamente es un menu que el texto tiene un color, y quiero que cada vez que se va cambiando de pagina, quede de otro color el texto del menú de esa pagina en la cual estoy parado. Intente con un :...
0 votos
1 respuesta
48 vistas

Problema con la configuración del tamaño y la posición del navbar

He estado trabajando un proyecto en vue / code pen, sin embargo tengo un problema con la configuración del tamaño del navbar; la idea es que tenga el largo de la pagina y poder organizar los ...
1 voto
1 respuesta
136 vistas

Mantener tamaño del elemento al ser afectado por un media query

Estoy aprendiendo a manejarme con las media query y me ha surgido un problema que no veo muy bien como solucionar. He ajustado mi media query para que cuando la pantalla tenga un tamaño determinado, ...
0 votos
1 respuesta
230 vistas

Problema en CSS con "hover"

me acabo de registrar, espero que puedan resolver mi duda. Me sucede que eh utilizado el estilo "hover" en CSS, cuando paso el mouse por encima de los elementos en mi barra de navegación, me ...
0 votos
0 respuestas
57 vistas

¿Qué estoy haciendo mal con este menú de navegación?

Tengo el siguiente menu.html dentro de la carpeta vistas y quiero que se incluya en cada pagina de mi proyecto. Ya probé poniendo el menú en la carpeta raíz, en vistas, en html, en php, con require ...
0 votos
1 respuesta
254 vistas

Logo en el Navbar no cuenta con el color de fondo adecuado

estoy empezando con un proyecto y al momento de colocar mi logo("Imagen") en el nav no toma el color de fondo de este(La imagen esta en formato png), por favor necesito ayuda. HTML <...
0 votos
2 respuestas
378 vistas

Posicionar imagen en NAVBAR segun resolucion

Tengo 3 div en mi navbar. Cuando la resolucion es para mobiles se muestran solo 1 y quiero que quede centrado. Cuando la resolucion aumenta pasan a ser 2 y cuando aumenta mas pasan a mostrarse los 3. ...
0 votos
1 respuesta
144 vistas

No consigo eliminar un menú de navegación con Javascript en vista de smartphone

os comento, estoy haciendo en mi portafolio un menú de navegación que cuando hagas scroll hacia abajo, éste quede fijo en la parte superior de la pantalla. El tema es que este menú de navegación fijo ...
1 voto
1 respuesta
503 vistas

¿Navbar de bootstrap no se repliega al elegir una opcion del menú?

Tengo un navbar hecho con las clases que nos brinda bootstrap 5.1, pero al abrirlo desde un móvil el botón responsive despliega el menú, sin embargo cuando elijo una opción del menú este no se contrae ...
0 votos
1 respuesta
620 vistas

¿Existe algo similar a background-image en NavBar de Material-UI con react?

Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna ...
1 voto
1 respuesta
951 vistas

REACT.JS ¿Cómo hago para que en ciertas routes me muestre mi navbar con fondo y en otras routes no tenga fondo?

Tengo un inconveniente que no he podido solucionar, tengo un NAVBAR la cual necesito que solo en ciertas route deberá ser transparente y en otras tiene que mostrar el background. Es decir, cuando es ...
0 votos
1 respuesta
623 vistas

¿Cómo agrego este icono al menú dropdown?

Hola tengo el siguiente menu y necesito agregarle un icono de una flecha <i class="fas fa-angle-down"></i> para indicar que es desplegable, asi como se ve en esta imagen Pero no ...
0 votos
0 respuestas
77 vistas

Los productos no se me separan por categoria

Estoy creando una pagina, en el navbar tengo los categorías para separar los productos, la situación es que no los separa. Ejemplo en esta captura de mi Google Firebase la "categoryId" es &...
4 votos
1 respuesta
614 vistas

Elementos se caen hacia abajo de un navbar

Tengo un navbar en mi sitio. Pero el problema es que los elementos del navbar se caen hacia abajo. Osea, el icono se queda arriba y el texto abajo. He preguntado hace unas horas aquí en StackOverFlow ...
0 votos
1 respuesta
229 vistas

Botón de menú hamburguesa no se centra

Hola a todos! Tengo un navbar que es adaptable a dispositivos. Le puse para que en el tamaño de telefóno estandar aparezca un botón de menú hamburguesa (toggle), pero el botón no se centra como se ...
0 votos
1 respuesta
163 vistas

Mostrar links animado de Bootstrap navbar sin Jquery

estoy usando bootstrap sin Jquery debido a que estoy trabajando con Liferay y estoy creando fragmentos por mi cuenta, me encuentro haciendo un navbar y funciona todo bien, mi problema esta en que no ...
1 voto
0 respuestas
98 vistas

Return Navbar html through js function

Estoy trabajando en un sitio web con diferentes páginas. Me gustaría usar la misma navbar de un navbar.js para no tener que copiarla en cada página. La navbar actual usa la función showsubMenu() para ...
0 votos
0 respuestas
65 vistas

BOTON REGRESAR DEL NAVEGADOR

Espero que se encuentren bien Tengo una duda y si alguien sabe, espero pueda ayudarme. Estoy desarrollando una pagina con HTML, PHP y Javascript El problema que tengo es que a la hora que inicio ...
-1 votos
1 respuesta
692 vistas

Quiero crear un Navbar

Hola a todos estoy aprendiendo CSS y quería probar hacer una navbar mas o menos como la imagen El problema es que nose como hacer un corte diagonal Ahorita llevo esto` <div class="...
0 votos
1 respuesta
173 vistas

Navbar no se muestra bien en el navegador

Navbar no se muestra bien en el navegador, al momento de abrir el carrito en el lado derecho este se muestra incompleto, que debo corregir para que el proyecto se visualice bien? <header> ...
0 votos
1 respuesta
508 vistas

Como cerrar modal y navbar al mismo tiempo

Tengo un navbar ubicado en el pie de pagina de mi desarrollo el cual contiene un aviso para uso de cookies con dos botones, el primer botón Aceptar cierra el navbar y se crea una cookie y el segundo ...
0 votos
0 respuestas
129 vistas

Como hacer uso de un navbar en todos los .html de mi proyecto

Estoy desarrollando un navbar ubicado en el pie de pagina el cual se encargara de mostrar un aviso de cookies, como son varias paginas (archivos .html) que contiene mi proyecto quisiera replicar este ...
0 votos
1 respuesta
219 vistas

Como posicionar fijo un elemento HTML sin salir del flujo?

es algo que crei encontrar una rapida respuesta en google pero no fue asi. Si un elemento es posicionado fijo con css (position:fixed;) no lo afecta el scroll, esto es muy practico para los navbars, ...
0 votos
1 respuesta
406 vistas

Navbar Bootstrap no despliega Sub-menu

Estoy usando un navbar que tome en los ejemplos de bootstrap y le hice algunos cambios minimos, lo que me pasa es que no me funciona la parte desplegable para sub-menu y tambien cuando la pagina se ...
0 votos
1 respuesta
51 vistas

como lograr que la lista se muestre con un efecto de transicion?

estoy haciendo un menu de navegación responsive, que se despliega lateralmente (esto ya lo hice con una transición), pero el problema es que dentro de este menu tengo una lista, que quiero que muestre ...
0 votos
1 respuesta
328 vistas

Navbar no se despliega con bootstrap 4.5.3 (cdn) responsive?

Hola estoy practicando el navbar y me pasa que instalo la versión (via cdn) 4.5.3 de bootstrap y al momento de achicar la página, el menú no se despliega. Pero si pongo la versión 4.0.0 ahí sí ...
1 voto
1 respuesta
666 vistas

¿Por qué position:fixed no funciona sobre un elemento before?

Realizando un topNav me encontré con el problema de que al poner el elemento <nav> dentro de un section al cual le agregue una seudo clase :beforepara agregar un pattern, me topo con el problema ...