Theme Sixteen Nine – Fixed Navigation Problems

[Nick_osprey]

Hello,

Hopefully someone can help me here. My navigation has become to large for smaller screens before it reaches mobile responsive state, I want the navigation to scroll down to show the remaining navigation, footer and widget area. I've tried to use "overflow: auto;" but this causes a problem for with the sub navigation not floating above the main content.

This may be a simple fix that i'm not noticing?

[Lauren @ OnceCoupled]

Nick, can you provide your site link? It's not fully clear what is happening from your explanation.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Nick_osprey]

Hi Lauren,

Thanks for the reply, yes i can do that. http://www.ospreydevelopment.co.uk

Nick

[Lauren @ OnceCoupled]

Sorry Nick, I'm still not understanding the problem. It sounded like your navigation might be have been cutting off links or something, but it seems OK to me? In general, your mobile site is a little funky (your content seems to shrink as it goes on) but the navigation seems to fit the rest of your page. If it's still not correct and you need assistance with it, maybe you can try to explain it in a different way?

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Nick_osprey]

My client's screen is not widescreen, which seems to cut off the navigation. I have attached a link to the screenshot i was given. As you can see it cuts off the widget areas and footer, also as it's a fixed element it will not let them scroll to see the end of the header.

http://ospreydevelopment.co.uk/wp-content/uploads/2014/04/Screen-Shot-2014-04-14-at-15.05.11.png

Hope thats is explained a little better?

[Lauren @ OnceCoupled]

That clarifies a lot Nick, thanks. I thought we were talking about screen width, but what you're referring to is actually screen height, which I didn't check.

My suggestion would be to do a height-based media query, and decrease the size of your links when the screen is too small, or collapse into a hamburger menu, as you do for mobile devices.

Others may be able to give you alternative solutions. 🙂

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[matt klein]

I am having the same problem. The content and sidebar will scroll down, but the header/footer on left will not, so there is no way to access menu items.

[matt klein]

This was posted on another thread and fixed the problem, thanks to Robin, assuming it is the same problem. http://www.studiopress.community/topic/fixed-sidebar-in-sixteen-nine-theme/

[84thand3rd]

Hi Nick and Matt,

I had the same issue - caused by a 'sticky navigation' setting and resolved it by changing

position: fixed;

to

position: static;

under the section labeled:
.site-header {

Good luck!

[matt klein]

Thank you very much 84th and 3rd. I might have to try your idea as my solution is showing some problems. The content is getting pushed down below the footer in many browsers. Will report back here when I try it.

[Author]

Posts