I have around 15 (sub)menu items in the main menu. On a mobile phone, they take the whole space and the background/the body/main site scrolls rather then the menu itself so one cannot choose/see the menu items on the bottom. How can I make the main menu scrollable when there are too many menu items?
Sorry for the late reply. We missed your topic.
Could you please provide us the site URL? So that we can see the exact problem what you are trying to say?
When you access it with an iPhone4 and some other Android devices, you can’t access the bottom menu items. The background (actual content) scrolls, but not the menu.
It seems that you have stick the menu at top while scrolling the page. So the issue occured. Go to Appearance -> Customize -> Ambition theme options -> Custom CSS paste the below CSS code and Click on Save & Publish button at the top of the options panel.
@media only screen and (max-width: 767px) {
.hgroup-wrap {
position: inherit;
}
}
.
.