⬇️ Título desplegable

[davidkingham]

Hola Keegan, estoy intentando agregar un fondo a esto para que parezca un botón, pero cuando tengo varios enlaces de encabezado ocultos con la configuración de seguridad, todavía veo un remanente del menú que estaba oculto. ¿Hay alguna manera de evitar esto? ¡Gracias!

Edición: Descubrí que esto sucedía al agregar relleno para que pareciera un botón. Puedo vivir sin él si no hay una solución fácil.

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--tertiary);
}

Edición 2:
¡Olvídalo, solo tuve que ser creativo!

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 0px;
    border-radius: 5px;
    background: var(--tertiary);
}

.custom-header-links .top-level-links .custom-header-link-caret svg {
    padding-right: 10px;
}

.custom-header-links .top-level-links .custom-header-link-icon {
    padding-left: 10px;
}

[kenjdarhan (Ken)]

Hola Keegan, cuando intento usar la función de seguridad con la siguiente configuración, los dos últimos enlaces simplemente desaparecen, incluso al verlos desde una cuenta que es elegible para ver los enlaces (es decir, que pertenece al grupo de usuarios “company_staff”).

¿Es que no estoy usando la función correctamente?

Gracias.
@keegan

[keegan (Keegan George)]

Hola @kenjdarhan,

Parece que el headerLinkId apunta a 1 y 2 para los dos últimos enlaces. Creo que debería ser 0 si quieres que aparezca en el mismo menú desplegable.

[Yang1]

Hola, he estado usando el componente Dropdown Header y ha sido increíblemente fácil de usar y de gran ayuda para nosotros. Sin embargo, sería aún mejor si los enlaces del menú desplegable pudieran abrirse en nuevas pestañas. Espero su respuesta.

[merefield (Robert)]

PR bienvenidos o contáctenos para patrocinar el trabajo.

[afscstagiaire]

Hola, soy nuevo en Font Awesome y me cuesta hacer que aparezcan los iconos.
Esto es lo que tengo hasta ahora. ¿Alguien podría ayudarme?

[merefield (Robert)]

¿Has añadido los inusuales a esta configuración global?:

[afscstagiaire]

Oh Dios mío, gracias. Estuve añadiendo usando el formato <i> y no hacía nada, gracias por esto.

[Aizada_M]

@FrancescoM

El enlace de la página es: Foro › Portale CMS - ITTS E. Scalfaro

¡Saludos!

¿Podrías explicar qué aspecto de tu plantilla permitió el posicionamiento de iconos/botones que enlazan a páginas alternativas en tu sitio web?

Me encantó especialmente la presentación de estos botones en la versión móvil: están magníficamente organizados encima del título en forma de iconos en la iteración móvil.

[FrancescoM (Francesco)]

Hola, gracias por tu respuesta .

Para que la navegación sea más fluida entre todas las áreas de mi sitio web (incluido el foro), opté por crear un código HTML con esta barra de navegación receptiva, eliminando el componente desplegable.

Como puedes ver en estas otras páginas, que forman parte del mismo sitio web, he insertado exactamente el mismo código para tener todos los enlaces a un clic de distancia

https://oii.francescomancuso.it/

https://oii.francescomancuso.it/risorse/

http://oii.francescomancuso.it/contest/

https://oii.francescomancuso.it/ranking/

[Dotila_Li]

¿Cómo se arregla esto en realidad? Todavía no puedo hacer que aparezca el icono :cara_sonriente_con_lágrima:

[Joe_Nguyen (Joe_007)]

@merefield ¡Gran componente!

Los enlaces del menú no se muestran en dispositivos móviles. Si los enlaces están posicionados a la derecha, aparecen los iconos de flecha pero solo se muestran los enlaces desplegables, no los enlaces del menú. ¿Qué me estoy perdiendo?

Adjunto capturas de pantalla de la vista de escritorio, la vista móvil y la configuración actual.

Vista móvil:

¡Agradecería mucho tu ayuda!

Gracias.

[Lilly (Lillian Louis)]

Hola @Joe_Nguyen, acabo de instalar este componente y está funcionando como se esperaba tanto en la vista móvil como en la de escritorio. Si es posible, ¿podrías publicar capturas de pantalla de la configuración que tienes cuando haces clic en los botones Launch Editor en la configuración del componente? No estoy seguro de lo que está pasando ahí, deberías tener algo más en la vista móvil

[Arkshine]

Lo mismo que Lily, a mí me funciona bien.

Noté que usas las ventanas responsivas en Chrome. Si haces eso, recarga la página (F5) al menos una vez; de lo contrario, no verás la vista móvil.

También puedes asegurarte de que estás usando la vista móvil si agregas ?mobile_view=1 a la URL del foro.

[Joe_Nguyen (Joe_007)]

@Lilly Aquí están mis configuraciones:

@Arkshine - cuando agregué ?mobile_view=1 a la URL, veo la flecha desplegable.

¡Gracias!

[Lilly (Lillian Louis)]

¿Estás seguro de que no estás en modo de escritorio en tu móvil?

[Joe_Nguyen (Joe_007)]

¡Hola @Lilly! Ahora veo el menú desplegable en el móvil. Necesito averiguar cómo hacer que los enlaces se abran en una nueva ventana.

[Lilly (Lillian Louis)]

Eso es algo que suelo dejar que los usuarios configuren en sus preferencias/configuración de interfaz porque las personas que usan lectores de pantalla se ven afectadas negativamente al anular y abrir enlaces en ventanas o pestañas nuevas.

[Joe_Nguyen (Joe_007)]

Nuevamente, ¡gracias @Lilly @Arkshine por tu ayuda!

[Lilly (Lillian Louis)]

De nada, me alegro de que haya ayudado.

@Arkshine hizo todo el trabajo, yo solo publiqué comentarios LOL