my toggle menu on mobile is not showing. My website is https://eshop.kerous.cz but when i click the button on top right it doesnt show the menu. Could u please somehow help me to get it fixed. It was working, but then stopped.
My css file on the hosting website is here, If u would need anything else let me know please.
.subcategories li a {
border-color: #000;
color: #000;
}
.navigation-in ul.menu-level-2 a:hover {
color: black !important;
}
.navigation-in > ul > li > a {
color: #000 !important;
}
.box-bg-variant .categories a {
color: #000 !important;
}
.navigation-in {
font-size: 16px !important;
line-height: 16px !important;
}
#navigation {
height: 34px !important;
}
CodePudding user response:
Your menu doesn't contain height on responsive. That's why the menu is not showing. The below code will help you in showing the menu on mobile devices
@media(max-width: 767px) {
.navigation-in {
height: auto;
}
#navigation {
height: auto !important;
}
}
CodePudding user response:
You need to put media query for the mobile menu. You need to write the below CSS in your CSS file.
@media (max-width : 767.98px){
#navigation {
height: auto !important;
}
}