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:
Go to Shopify Admin, select Online Store → Themes → Edit Code
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;
}
}
Sace your code
It showed some of them but not all of them, i tried another one and it worked. Thank u
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
Jet3
August 3, 2023, 6:12pm
8
I’ve got the same problem, please help.
assets/main.css I cannot find..
Jet3
August 3, 2023, 6:13pm
9
WHAT TO DO IF THERE IS NO MAIN.CSS FILE
CAN YOU PLEASE TELL ME WHAT TO DO