Navigation Menu not showing on Mobile - FAME theme

[Abby_Sugar]

Website: atmospherebrewery.com

Desktop works fine, main menu navigation shows completely. 

On mobile, hamburger appears, but when you click, nothing appears (no dropdown, no links). Everything works fine on the site, and all navigation to pages, etc. is fine on the desktop. 

I tried adding the code from this post but it did not solve my problems. Any suggestions for the FAME theme? 

Thanks! 

[Kyle_Poieo-Dev]

Thank you for provied the URL! Your ".navbar__link" color is set to --submenu-text-color which is white... That is why it isn't showing up! 🙂

[Made4uo-Ribe · Accepted solution]

Hi @Abby_Sugar 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media only screen and (max-width: 991px){
.header .social-icons__link {
    color: black;
}
.menu-wrapper li.navbar__item a {
    color: var(--header-text-color)
}
}
</style>

And Save. 

Result:

[Abby_Sugar]

Thank you, this worked perfectly!!