badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*
View all Themes

Navbar menu on mobile not scrolling

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 20, 2019 at 1:47 pm #61526
    y
    Participant

    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

    March 20, 2019 at 5:59 pm #61540
    Theme Horse Support Team
    Keymaster

    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

    March 21, 2019 at 4:50 am #61548
    y
    Participant

    Thank you. This worked.

    March 21, 2019 at 6:49 am #61564
    Theme Horse Support Team
    Keymaster

    Welcome anytime @y

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.