Hi gbhatnag,
This is easily modified by adding the data-option sticky_on: large;
to the nav class in both header.php and header-home.php:
http://foundation.zurb.com/docs/components/topbar.html#sticky-top-bar
This will tell the navigation to only stick when viewed on large screens (desktop) and not to stick on mobile displays.
So for example:
<nav class="top-bar" data-topbar data-options="mobile_show_parent_link: true;sticky_on: large;">
I would suggest using a child theme if you aren’t already because this will require direct modifications of theme files:
http://docs.rescuethemes.com/article/41-gateway-child-theme-download
Any way to have a sticky navbar that doesn’t jerk the user to the top of the page when clicked? Instead, the nav menu opens right at the location it was clicked… Seems like an easy enough issue to remedy using absolute positioning in JS/CSS, but I’m just not sure where to edit the JS that handles the click. Any advice there?
I’m having the same issues with the theme. On mobile gives issues with Menu. Can use Jetpack for optimizing it, but takes away the themes look.