Hi,
Open this CSS file:
/templates/flexible_coolmart/css/responsive.css
scroll to the bottom and include this CSS rule:
@media only screen and (max-device-width: 1024px) {
.menu .dropdown {
top: 160px;
}
}
The above CSS rule means:
If the device resolution drops below 1024px, the CSS rule will be activated. (which says: set the TOP value of the drop down to 160px;)
You can play around with the number of 1024px, carefully shrink the browser to figure out in what resolution (horizontally) that problem appears. It must be around 1024px but it can be little larger than it. It depends on your main menu width. So you need to figure that our by yourself for your website and re-calculate each time if you change the menu items. Because if you an another menu item to main menu; the width of menu will be changed.
Regards,
Support