[y]

Hey,

How do I make the menu on the mobile to scroll with the website? Right now it’s longer than the screen and stays static on top of the page and I can’t see either the page and can’t scroll the menu.

Trying to make a screenshot I realized if I open the menu than I can scroll all the way down to that menu but only once. If I scroll up and then down again, the menu stays abridged to the size of the screen. Seems like a bug.

Please help me fix it and let me know what other details do I need to provide.

Tested on iPhone 7 plus screen

[Theme Horse Support Team]

hi @y,

Thanks for helping us identifying the issue. We will fix the issue soon in the coming update. If you want of scroll the menu along with the site in the smaller screen views then go to Appearance > Customize > Additional CSS and paste the below custom CSS code.

@media (max-width: 991px) {
.navbar .sticky-wrapper {
	padding-top: 0 !important;
}
.is-sticky .navigation-bar {
	position: initial !important;
	top: auto !important;
	right: auto;
	left: auto;
}
.navbar .is-sticky .navbar-collapse {
	overflow: visible;
}
.navbar .sticky-wrapper.is-sticky .navbar-collapse {
	max-height: inherit !important;
}
}

Thanks

[y]

Thank you. This worked.

[Theme Horse Support Team]

Welcome anytime @y

[Author]

Posts