mobile menu doesn't scroll through – Themeco Community

mobile menu doesn't scroll through

Aaron P — Mon, 09 Feb 2015 23:43:01 +0000

On our site spiritofthedawn.com – we have a semi-extesnive menu with dropdowns. ON mobile devices if you open a dropdown it might not all fit and it won’t let you scroll down. Seems a bit tricky to navigate. Any ideas?

Reply To: mobile menu doesn't scroll through

Senthil — Tue, 10 Feb 2015 10:11:24 +0000

Hi there,

Thanks for writing in!

Please paste the below CSS code in your Appearance > Customize > Custom > CSS and it will remove the stickiness of the menubar in mobile.

@media (max-width: 979px) {
	.x-navbar-fixed-top {
		position: fixed !important;
	}
}

Hope it helps, thanks!

Reply To: mobile menu doesn't scroll through

Aaron P — Thu, 12 Feb 2015 01:51:56 +0000

THat didn’t seem to do anything. ANy ideaas?

Reply To: mobile menu doesn't scroll through

Nabeel A — Thu, 12 Feb 2015 20:34:36 +0000

Hi Aaron,

Replace the previous code in Appearance > Customize > Custom > CSS:

@media screen and (max-width: 979px){
.x-navbar-fixed-top {
    position: relative !important;
}
}

Let us know how this goes. Cheers!

Reply To: mobile menu doesn't scroll through

Aaron P — Mon, 16 Feb 2015 18:43:27 +0000

that did it! thanks!

Reply To: mobile menu doesn't scroll through

Paul R — Tue, 17 Feb 2015 04:51:37 +0000

You’re welcome! 🙂

Reply To: mobile menu doesn't scroll through

Sebamoe — Sun, 27 Sep 2015 18:27:14 +0000

Hey there!

I had the same problem and the last code fixed it; however now of course the navbar disappears when scrolling down. Any advice how to keep it sticky when scrolling, e.g. a code snippet that makes the position relative only when the menu is open and fixed as soon as it’s closed?

Thanks so much, also for the great theme!

Reply To: mobile menu doesn't scroll through

Rupok — Sun, 27 Sep 2015 18:45:38 +0000

Hi @sebamoe

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Reply To: mobile menu doesn't scroll through

Sebamoe — Mon, 28 Sep 2015 10:04:54 +0000

Thanks for getting back!
This is the website I’m working on: http://www.sebastianmoeferdt.com/
I removed the conflicting “position: relative” code for now, so now the mobile nav is sticky, but not scrollable (causes problems on mobile landscape mode).
Another issue: The scrollspy doesn’t seem to work for the mobile nav – the current item is not being highlighted. Any idea on this?
Thank you!!

Reply To: mobile menu doesn't scroll through

Sebamoe — Wed, 30 Sep 2015 12:49:21 +0000

Hi,

I worked my way around the nav-scrolling issue with horizontal alignment of the menu items, however I still can’t get the mobile scroll spy to work. Any chance you can help out?

Thanks!