No nav bar on mobile

Support
#1

Hey, I’m using the Ethos Stack and my Navigation menu (Linking to Categories) doesn’t appear on mobile devices though it’s working fine on desktop screens.

Screenshots of what I mean:
Desktop: https://gyazo.com/6f8403f4e93717cf65e044c9dc2c3fc3
Mobile: https://gyazo.com/b51a0fb17abf4aa45995bad054c11094

Any way which I can get my navbar on mobile?

#2

Hi There,

The color of navbar button is white, so you can’t see it.

Please add this custom CSS under X > Theme Options > CSS:

.x-btn-navbar.collapsed,
.x-btn-navbar {
    color: rgba(255,255,255,0.35);
}

Hope it helps :slight_smile:

Help with mobile menu button color
#3

Looks like you’re right, the navbar is button is hidden because it’s white however after adding the custom CSS, the button is still white so it didn’t work.

#4

Hello There,

The given code is still in white. Please use this code instead:

.x-btn-navbar.collapsed,
.x-btn-navbar,
.x-btn-navbar:hover,
.x-btn-navbar.collapsed:hover {
    color: rgba(150,150,150,0.95);
}

We would loved to know if this has work for you. Thank you.

#5

Yup this worked for me! Many Thanks :slight_smile:

#6

You’re welcome.

#7

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