Solved

Menu on mobile not showing (Debut Theme)

Luvabel
Tourist
6 0 1

Hi all,

My nav menu is not showing at all on mobile, I am using debut theme and my URL is www.luvabel.com , can anyone help?

Accepted Solution (1)

tim
Shopify Expert
3258 232 1178

This is an accepted solution.

It does show, but menu button is kinda black on black and menu items are white on white, so you can't see them.

Check your colors under "Theme settings" or add these CSS rules to the very bottom of your theme.scss.liquid asset:

.js-mobile-nav-toggle {
    color: white !important;
}

#MobileNav .mobile-nav__link {
    color: #64505B ;
}

 

 

View solution in original post

Replies 3 (3)

tim
Shopify Expert
3258 232 1178

This is an accepted solution.

It does show, but menu button is kinda black on black and menu items are white on white, so you can't see them.

Check your colors under "Theme settings" or add these CSS rules to the very bottom of your theme.scss.liquid asset:

.js-mobile-nav-toggle {
    color: white !important;
}

#MobileNav .mobile-nav__link {
    color: #64505B ;
}

 

 

Luvabel
Tourist
6 0 1

Thans alot, this little piece of code helped resolve the issue, it was indeed a color related one.

Michal17
Shopify Partner
835 73 175

Hey,
I have checked your website. The nav menu button is there but you need to update your CSS file.
You can contact me on how to update the CSS file.