Sticky Navigation not mobile responsive Foodie Pro

[styleandcheer]

Hi there!

I spent all day trying to figure out how to make the navigation bar sticky, and was finally successful using this tutorial (https://wpsites.net/web-design/how-to-make-your-nav-menu-sticky/)...except the sticky navigation is still NOT mobile responsive.

I believe I need additional code snippet(s) to keep navigation sticky, but have no idea which - I've found so many different kinds of tutorials online. This one uses crazy long codes, so I wanted to check if it is legit (https://robincornett.com/genesis-responsive-menu/).

Is it really this complicated to make sticky navigation mobile responsive? Or am I totally lost? Could be, I'm new to this.

Thanks in advance,
Angie

http://www.styleandcheer.com

[Brad Dalton]

What do you mean by not mobile responsive?

---

Tutorials for StudioPress Themes.

[styleandcheer]

The code that made navigation sticky only had effect in desktop view. The tablet and phone view do not have a sticky navigation. I know it's collapsed in tablet and phone view, but it's not sticky. I'm working with Foodie Pro, so maybe this problem is theme specific? Just trying to figure out how to solve it.

[styleandcheer]

Hello again,

Just wanted to say I no longer need the info for sticky mobile header.

I got fed up with my Foodie Pro theme (after spending 2 weeks night & day trying to change it drastically without knowing code very well) and switched to Market theme which has awesome support from designer and already has the layout I want.

Have a great day!

[Author]

Posts