Fixed Menu not reachable

[Beejee]

Hi,

I got a question concerning one of my latest projects.
I’m creating a single page site and used some samples to inspire me.
One of them is the following template: http://klbtheme.com/uccelli1/

I implemented almost the same kind of menu.
The menu is fixed once you scroll down enough.
When the menu is longer than the devices height, the menu will be out of reach. Scrolling/swiping will only affect the body but not the fixed menu.

How would you guys fix this?

Here is a picture of the template where you can see how the last items of the menu are not reachable.
http://oi61.tinypic.com/nqptg6.jpg

[Paulie_D]

Can’t diagnose an image and the template isn’t much help.

When the menu is longer than the devices height, the menu will be out of reach.

Shorten the menu, toggle it with a button, redesign it so it fits, switch it to offscreen and swipe it in.

There are a myriad of options available to you.

[shaneisme]

On small screens, instead of doing a dropdown to show the menu, just make it an anchor jump down to the bottom of the page where the menu lives.

Also, if you keep the menu at the bottom as a default, if something breaks when Javascript is loaded it’s still there and accessible.

Sorry to pimp something I did, but this site will just keep the menu at the bottom of the page on small screens (or on a failed JS load), and when we have screen space + JS it enhances into a decent dropdown: http://www.asus.com/us/site/commercial/

[Beejee]

Well if you scale you browser to a smaller size you will notice you get a menu button (hamburger).
Once you press the button the menu will slide out from the top.
This menu is fixed (because the header is) which causes it be on top of all the content. Problem is that on smaller sizes the last items of the menu will not be reachable. Scrolling won’t help because it is fixed.

Normally I use a menu that slides in from the side (like this site made by me http://tijdschriftpassage.eu/).
But I am trying out something new with the sticky header and stuff.

So I would like to know if there is any graceful solution without changing the look and feel.

[Author]

Posts