Docs

[hrachovec]

Hi there:

I’ve been trying to fix an issue with my mobile menu where it expands past the bottom of the screen and you can’t scroll down. I’ve looked into some other suggestions in the Forum, but nothing has worked yet.

My site is http://certeco.co.uk/new/

On an iPhone you’ll see the menu runs off the bottom edge. If I scroll, the page behind it scrolls, not the nav.

Attached is a screengrab of what I mean.

Any suggestions?

Cheers, Russell

[Thai]

Hey There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-nav-wrap.mobile {
    overflow-y: scroll;
    max-height: 500px;
}

Hope it helps 🙂

[Rupok]

Hi Russel,

Thanks for writing in! It seems you have added the below code that’s causing the issue :

header.masthead.masthead-inline {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

So suggestion on above reply might not work.

Kindly remove this to get expected result. If you are trying to fix the menu then it’s not the right way or right selector. Although you should not force the mobile navbar to be fixed to avoid such issue.

Thanks

[hrachovec]

Hi Rupok and Thai:

Thanks for your replies. I took Rupok’s advice, removed the code and it worked. Not sure why I put that rule in there in the first place when Customiser allows me to fix the nav to the top.

It all seems to be working fine now — thank you!

R

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts