# ¿Invisible el encabezado de la marca móvil?

**URL:** https://meta.discourse.org/t/mobile-brand-header-invisible/312727
**Category:** Development
**Tags:** css, brand-header
**Created:** [26 Marzo, 2018 17:33 UTC](https://meta.discourse.org/t/mobile-brand-header-invisible/312727 "2018-03-26T17:33:08Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [26 Marzo, 2018 17:33 UTC](https://meta.discourse.org/t/mobile-brand-header-invisible/312727/1 "2018-03-26T17:33:08Z")

</div>

No estoy seguro de si estoy aplicando el CSS correctamente. La interfaz de usuario ofrece diferentes opciones…

He estilizado la versión de escritorio como se desea: [https://la.confederac.io/](https://la.confederac.io/)

 ![Screenshot%20from%202018-03-26%2019-31-43](https://global.discourse-cdn.com/meta/original/3X/d/1/d18d1b0e5b542bc8c85eb354b61de0fce9c2d8d1.png)

Sin embargo, la versión móvil no está aplicando los estilos y, de hecho, no ofrece ningún menú.

 ![Screenshot_20180326-192819](https://global.discourse-cdn.com/meta/original/3X/3/2/3280caf4dc52099cecaaa8d197d2d6c4e556b9ef.png)

¿Es este el comportamiento previsto actualmente, o me estoy perdiendo algo?

PD: También note cómo el título del sitio móvil en dos líneas provoca un solapamiento con el menú desplegable.

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [26 Marzo, 2018 19:04 UTC](https://meta.discourse.org/t/mobile-brand-header-invisible/312727/2 "2018-03-26T19:04:10Z")

</div>

> [@icaria36](#):
>
> Sin embargo, la versión móvil no está aplicando los estilos y, de hecho, no ofrece ningún menú.

En realidad, ahora veo que el icono de hamburguesa está a la derecha, pero es blanco, lo que lo hace prácticamente invisible. No consigo encontrar el selector CSS para estilizar ese fa-bars. ¿Puedes ayudar, por favor?

---

<div class="post-metadata">

### Author: ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)
#### Post date: [26 Marzo, 2018 19:08 UTC](https://meta.discourse.org/t/mobile-brand-header-invisible/312727/3 "2018-03-26T19:08:44Z")

</div>

Puede usar el siguiente código para cambiar el color de `fa-bars`

```plaintext
.b-header .panel > ul.icons [class^="fa fa-"] {
    color: #333;
}

```

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [26 Marzo, 2018 21:42 UTC](https://meta.discourse.org/t/mobile-brand-header-invisible/312727/4 "2018-03-26T21:42:28Z")

</div>

¡Muchas gracias! fa-bars ahora es visible.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [19 Junio, 2024 09:48 UTC](https://meta.discourse.org/t/mobile-brand-header-invisible/312727/5 "2024-06-19T09:48:12Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.