but I just want to know if I could fix the drop down menu on the site as if i list out many product the menu does not scroll.
Therefore i limited the categories yet it does not come out proper on the mobile.
Please add the following CSS code in additional CSS box:
@media (max-width:768px) {
.menu-main-menu-container {
height: 600px;
overflow: hidden;
overflow-y: scroll;
}
#site-navigation ul li .sub-menu li a.sub-toggle i, #site-navigation ul li .children li a.sub-toggle i {
position: relative;
top: -6px;
}
}
Thank you so much. Worked like a magic.
Also one last request, the main menu hovers with the page scroll i.e both on mobile and desktop. If i click a product the menu appears over the product description pop up, to get the pop up fully viewed i have to scroll all the way up. To avoid this can I request the option to make the main menu bar to be static.