Menu bar missing on mobile view

Solved
Justnaturallyme
Tourist
6 0 1

My website shows a menu bar when viewing on the computer, but on the mobile version does not show a menu at all. Also, the spacing in the mobile version is off. I am using the minimal theme. How can I fix it?

My site is www.onestylishpet.com

Justnaturallyme_1-1609821966093.png

 

Justnaturallyme_0-1609821837213.png

 

Accepted Solution (1)

Accepted Solutions
AlexEffron
Shopify Partner
2468 387 1038

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (max-width: 768px) {
.header-bar a, .header-bar button {
    color: #ffffff;
}
}

View solution in original post

Replies 4 (4)
AlexEffron
Shopify Partner
2468 387 1038

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (max-width: 768px) {
.header-bar a, .header-bar button {
    color: #ffffff;
}
}

View solution in original post

Justnaturallyme
Tourist
6 0 1

Thank you!

AlexEffron
Shopify Partner
2468 387 1038

Thank you for Update.

If you want any Shopify theme customization, making Website in PHP, CodeIgniter or Laravel + ReactJS / Vue JS / Angular JS, App development in iOS and Android, Please feel free to contact me.

Thank You

laxmom
Tourist
4 0 2

I have DISTRICT theme and there is no mobile menu. I have tried the solution above and it doesnt work?  can anyone give me some advice?