Mobile Brand Header invisible?

[icaria36]

I am not sure I am applying CSS correctly. The UI leaves different options…

I got the desktop version styled as desired: https://la.confederac.io/

However, the mobile version is not taking the styles and, in fact, is not offering a menu at all.

Is this the intended behavior currently, or am I missing something?

PS: Also note how mobile site title in two lines leads to overlap with dropdown menu.

[icaria36]

@icaria36

However, the mobile version is not taking the styles and, in fact, is not offering a menu at all.

Actually, now I see that the burger icon is at the right indeed, but white, which means practically invisible. I’m unable to find the CSS selector to style that fa-bars. Can you help, please?

[vinothkannans (Vinoth Kannan)]

You can use the below code to change the fa-bars color

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

[icaria36]

Thank you very much! fa-bars is now visible.