Preguntas con la etiqueta [navbar]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
16 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 ...
Ariana 's user avatar
2 votos
1 respuesta
79 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 ...
Afalken's user avatar
  • 21
1 voto
1 respuesta
92 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 ...
alngr's user avatar
  • 11
0 votos
0 respuestas
98 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í. ...
Augustoxp_47's user avatar
0 votos
0 respuestas
27 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 ...
C0D3BREAK3R's user avatar
0 votos
1 respuesta
49 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 ...
Joseph Carazo's user avatar
0 votos
1 respuesta
77 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 ...
Lucas's user avatar
  • 191
1 voto
1 respuesta
51 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. ...
ClaudioO's user avatar
0 votos
1 respuesta
90 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 ...
Julian Hernandez's user avatar
0 votos
0 respuestas
109 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 ...
Julian Hernandez's user avatar
0 votos
1 respuesta
155 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 ...
Javiruli Briz's user avatar
1 voto
1 respuesta
27 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 ...
David's user avatar
  • 13
0 votos
0 respuestas
52 vistas

Angular - Actualizar icnonos del navbar cuando usuario esta logueado en localStorage

Mi problema es que cuando ingreso con un usuario, este se actualiza solamente en el componente del menu del administrador, pero si voy a otra pagina, como ser el Home, no se actualiza y vuelven a ...
Joni Arriazu's user avatar
0 votos
1 respuesta
35 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 ...
SBK22's user avatar
  • 469
1 voto
1 respuesta
30 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-...
Emmanuel muñoz zapata's user avatar
0 votos
1 respuesta
23 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 ...
Julian Rodríguez's user avatar
0 votos
0 respuestas
30 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 ...
SAGEX's user avatar
  • 41
-1 votos
1 respuesta
46 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 ...
Pablo Alejandro Acuña's user avatar
3 votos
0 respuestas
54 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 ...
Emilio Lafalla's user avatar
0 votos
1 respuesta
37 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 ...
Rick_BM_902's user avatar
1 voto
1 respuesta
99 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, ...
Sanwych's user avatar
  • 141
1 voto
1 respuesta
73 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 :...
Diego's user avatar
  • 141
0 votos
1 respuesta
162 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 ...
binthc's user avatar
  • 61
0 votos
0 respuestas
44 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 ...
Carlos Sanchez's user avatar
0 votos
1 respuesta
187 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 <...
Renatta Quiroz's user avatar
1 voto
1 respuesta
197 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 ...
TD Perez's user avatar
  • 360
0 votos
2 respuestas
269 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. ...
Ignacio Hardoy's user avatar
0 votos
1 respuesta
81 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 ...
Juan Jesús's user avatar
1 voto
1 respuesta
360 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 ...
Andrey Molina's user avatar
0 votos
1 respuesta
521 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 ...
Luis Angel López Santos's user avatar
1 voto
1 respuesta
721 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 ...
Andrés MZ's user avatar
0 votos
1 respuesta
339 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 ...
Alejandro León's user avatar
0 votos
0 respuestas
65 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 &...
Lautaro Omar Lamalfa's user avatar
4 votos
1 respuesta
458 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 ...
pabdani's user avatar
  • 81
0 votos
1 respuesta
188 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 ...
pabdani's user avatar
  • 81
0 votos
1 respuesta
131 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 ...
DeathInWhite's user avatar
1 voto
0 respuestas
72 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 ...
Julie's user avatar
  • 11
0 votos
0 respuestas
49 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 ...
DIEGO's user avatar
  • 1
-1 votos
1 respuesta
409 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="...
Juan Carlos's user avatar
0 votos
1 respuesta
139 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> ...
JESUS BURGOS's user avatar
0 votos
1 respuesta
455 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 ...
John Doe's user avatar
  • 117
0 votos
0 respuestas
98 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 ...
John Doe's user avatar
  • 117
0 votos
1 respuesta
126 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, ...
Hernán Garcia's user avatar
0 votos
1 respuesta
263 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 ...
Camilo SW's user avatar
0 votos
1 respuesta
39 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 ...
JulianProg's user avatar
  • 1,063
2 votos
1 respuesta
150 vistas

¿Cómo cambiar el color de fuente de la barra de navegación cuando hace scroll?

Tengo una navbar transparente con texto blanco, cuando hago scroll down a la pagina me gustaría que el texto cambiara a color negro. ¿Cómo puedo hacerlo? Adjunto mi código JS: $(window).scroll(...
Mayra Ximena Vargas's user avatar
2 votos
2 respuestas
80 vistas

Errores en Javascript y cosas que no entiendo

Estoy tratando de hacer un burguermenu con JavaScript, con el fin de que pueda ser abierto con el botón, pero cerrado, bien pulsando en el botón, así como pulsando fuera de la ventana del menú. No sé ...
RodriMinguez's user avatar
1 voto
1 respuesta
1k vistas

¿Cómo crear un navbar estático en Bootstrap y visualizar en él un menú de grandes proporciones correctamente?

Tengo un nabvar en Bootstrap que funciona perfecto en todas las vistas menos en la vista móvil horizontal. Al presionar sobre el dropwdown, se abre el desplegable y al tener bastantes elementos uno ...
David's user avatar
  • 1,303
0 votos
1 respuesta
274 vistas

Navbar queda encima del inicio de la sección al hacer scroll

Como puedo dar ese espacio del navbar al activar el scroll, para que este no quede encima del inicio de la sección a la cual el botón me dirige? Lo que intento es que el alto del navbar sea ...
Diego Félix Esparza Dianta's user avatar
0 votos
0 respuestas
250 vistas

box-shadow no se muestra en el navbar

estoy queriendo hacer una barra de navegación (navbar)) y al momento de aplicarle un box-shadow al borde inferior, ésta no se muestra, la sombra no se muestra. Me pasa lo mismo en otros navegadores. Y ...
1992x c's user avatar
  • 25