Mobile Main Menu Navigation Not Showing Up

Mobile Main Menu Navigation Not Showing Up , and i tried to follow this tutorial:

https://community.shopify.com/c/shopify-design/debut-theme-mobile-navigation-menu-not-showing-entirely-on/td-p/694509

But i could not fine the theme.scss.liquid file

ive also tried to add a file (i will add it here), but i didnt work, i didnt know where to add it
Pls help me
The website
https://jewlbudi.myshopify.com/

1 Like

@AbudiRewi

Please add the following CSS code to your assets/main.css bottom of the file.

@media only screen and (max-width: 600px){
.topbar-email, .topbar-child1 { color: #7d8184 !important;}
.topbar-social-item {color: #7d8184 !important;}
.side-menu .main-menu>li {color: #7d8184 !important;}
.side-menu .main-menu>li>a {color: #7d8184 !important;}
}

Thanks!

Hi @AbudiRewi

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

  1. Go to Shopify Admin, select Online Store → Themes → Edit Code

  2. Find and open the file main.css and add this code at the end of the file

@media only screen and (max-width: 993px) {

   .main_menu {

       display: none;

   }

   .side-menu .main-menu>li>a {

       color: #666 !important;

   }

   .sub-menu li a {

      color: #666 !important;

   }
}
  1. Sace your code

Thank You it worked.

It showed some of them but not all of them, i tried another one and it worked. Thank u

Thank u, it worked

I just got another problem. The store is too big for the the screen, it sont fits basically. I gotta move the screen to left or right to make it fit

I’ve got the same problem, please help.

assets/main.css I cannot find..

https://jdexclusive.myshopify.com/ is the website..

WHAT TO DO IF THERE IS NO MAIN.CSS FILE

CAN YOU PLEASE TELL ME WHAT TO DO