ASTRA FREE THEME ANIMATED STICKY NAV BAR

Astra Theme Animated Sticky Nav Bar

30/10/2020

4 Comments

Video Guide - Part 1

A full walkthrough guide on what you can achieve with my project and how to initially set it up with your site.

Video Guide - Part 2

A full demo on how to set the custom variables which will allow you to customise the Nav bar and more.

GitHub Repository

Bitbucket Repository

Use this blog post as a discussion page.

4 Comments

Kingsley Enyi

20/11/2020 13:52:27

This is nice!
I like your blog

kuldeep

26/1/2021 13:55:55

soo.. nice
it's really work
thank you so much

Tejas Shah

7/2/2021 09:17:12

Hi!

Thanks for your code. Works well on desktop.
Would be grateful if you could assist on
how to fix an issue on mobile.

The hamburger menu on mobile opens well when on top of the page, but it doesn't display once scrolled.

I mean when I scroll down and tap on the hamburger menu,
it changes into a cross sign but the menu doesn't open
or may be it opens but remains invisible and menu items aren't seen. (Menu doesn't open issue only on mobile and only after scrolling down.)

Kingsley Chimezie link

10/2/2021 10:04:41

Hi, thank you for your comment. For sure I can help you out. Firstly, there could be many reasons for this. For now I'll leave some possible solutions. The only way I could truly help you is by debugging the problem myself, you can contact me via email and I could give you remote support.

First thing I would do is try follow the steps in Part 1 and 2 videos again. Perhaps a step was missed.

Seeing as this only happens when you scroll, then I know the part of my code that code to implement the fix, which is the part that detects a scroll. But there's no point in me explain if you don't know JavaScript. I'm just assuming you don't but if you do let me know and we can got a bit in-depth into this.

Anyway, my code doesn't hide any elements. However, it may be conflicting with the particular Astra template you're using. Can you make a fresh WordPress site using that same template? If my code works on that then it's more than likely something else is conflicting with my code. If it still happens with a fresh install of that template then I'll rewrite my code to make it work with your template and I'll publish it as a fix.

Astra Theme Animated Sticky Nav Bar

Video Guide - Part 1

Video Guide - Part 2

Leave a Reply.

blogs by

Archives

Categories