How to make zurb foundation off canvas menu fixed? - css

I have a fixed tab bar and the problem is when you scroll down the site and click the mobile menu icon you have to scroll back up to see the navigation.
Does any one have a solution to this or an idea how to solve this?

Related

Graphene Theme issues with fixing and scrolling

im a newbie to CSS and quickly learning. I have 2 issues
My left sidebar is fixed and I want my content to scroll so that it is in line with the sidebar so there is not a blank space to the left sidebar. I have tried inputting various CSS into 'additional CSS' but nothing is working.
I have mega menu bar and for the life of me cannot fix the menu bar when moving down the page. I have tryed a sticky and this does not work
can anyone help here is my site
https://www.laughnpass.co.uk/
Thank you in advance

How to deal with mobile browser nav bar?

I'm developing a website. I have a button that I want to be fixed in the right-bottom corner. The problem is, in mobile browsers, it gets covered by the navigation bar:
The bar sometimes hides while user is scrolling. Can reappear again.
This happens both on Android/Chrome and iOs/Safari.
Is there an elegant way to script the element so it would always be displayed in full and stuck just in the corner of the shown part of the website?
I think the mobile browsers does hides the bar when it is scrolling down and shows it when you scroll up.
Maybe move the location of the button when scrolling up with JS or something.

Top Navigation Menu is not visible in mobile view using GeneratePress premium

I am using the Generate Press premium theme My issue is simple but not able to troubleshoot yet. Top navigation on the header of the website is not visible when it collapses to the mobile view.
https://www.wowkitchenplace.in/
images
http://prtsc.ca/i/5wveSi ,
http://prtsc.ca/i/5wv0H2
I have no idea how to solve it. Please help me!
Thank You
Isn't there a hamburger icon (3 horizontal stripes) in your mobile view? I can see it when I minimize the page.

Wordpress Responsive Nav Menu not working

I have a navigation menu issue that I can't figure out for the life of me, but basically my responsive menu doesn't respond in order to reveal the li's underneath it. The site is healyourselfnecklaces.com and the menu switches at 600px
Any help you can give me, including how you found the issue, would be greatly appreciated.
I believe you issue is that there is no JavaScript added to the menu button to toggle (show/hide) your menu when you are in a mobile view.

Bootstrap Nav Menu active link indicator

I have a site that I am working on in wordpress using parallax scrolling and bootstrap V 2.3.2.
I have two questions regarding the nav menu bar:
Can anyone offer some suggestions on getting the nav bar to stay at the top of the page when I scroll back to the top?
This is related to above question. When I scroll to the top and go back to the "home section"
the second section "Creative Services" is still highlighted even though that is not the active page. I would like to have it return to it's normal (white) state.
Link to my website

Resources