- My code will allow you to easily integrate a FREE and animated sticky feature with your existing Astra nav bar / header 👌🏿
- All you have to do is set your variables within my code and everything will be automatically integrated
- Clear instructional videos are available on my YouTube channel Software Basics, see video guide below.
- Simple Custom CSS and JS - Install this plugin, it will allow you to embed my code on your WordPress site.
- Complete the Prerequisites above - install and activate the 'Simple Custom CSS and JS' plugin
- In your WordPress admin dashboard side panel, click 'Custom CSS & JS'
- Click 'Add JS Code' at the top
- Give your title the following name: astra-theme-animated-sticky-navbar.js
- Edit your permalink and also give it the following name: astra-theme-animated-sticky-navbar.js
- Clear all the boilerplate code in the script input field just below the permalink
- On the right hand side select the following options:
- Linking type = Internal
- Where on page = Footer
- Where in site = In Frontend
- Go into the 'src' folder in this repository
- Copy all the code in 'astra-theme-animated-sticky-navbar.js'
- Go back to WordPress, paste the code in the script input field and click publish
- My code is free to use for your personal / commercial projects
- Selling my code or claiming it as your own is strictly prohibited ⚠
- Do not remove my credits and give credit where credit is due
Read LICENSE doc above.
The table below tells you the version of my code and the default Astra theme versions that I've tested for compatibility (Click to download):
| My Code Version | Tested compatible default Astra Theme Version(s) | Additional Notes / Instructions |
|---|---|---|
| 1.2.1 | 3.7.5 | |
| 1.2.0 | 3.7.5 / 3.7.3 / 3.7.2 / 3.6.2 | v1.2.0+ might work with other Astra versions that have header builder. |
| 1.1.1 | 3.2.0 | |
| 1.1.0 | ||
| 1.0.0 |
I've decided to limit some features to a premium version - don't worry, you still get all the main features in the standard version.
Here's what you get with the supporter pack:
✅ Shrink or enlarge branding area on scroll (i.e. logo, title and description) for Desktop & Mobile/Tablets
✅ Enable or disable sticky feature for the primary, above or below navbars.
✅ Set custom colour for above or below navbars.
€2 for one-time purchase (code & license)
- You get the support pack version at the time of purchase.
€12 for lifetime updates (code & license)
- You get support pack version at the time of purchase and all future updates, it doesn't matter if prices change in future.
- Better get it now while it's cheap 😊
Purchase links will be available soon, in the meantime you can contact me if you would like to buy the supporter pack code & license.
I'm hoping to build this out into a WordPress plugin.
I wanted to start out this way but I'm just too busy for what it's currently worth.
Make it worth while by donating 😉.
Click here to visit the discussion blog for this project.
- SilkyPress.com - Simple Custom CSS and JS plugin0
| Name | Title | Authority Level | Website |
|---|---|---|---|
| Kingsley Chimezie | Author + | Admin + | http://www.kingsley.tech |
Click here for title and authority level definitions.
Astra might make some future changes that could cause my code to not work well (or at all) with your Astra theme.
Donations will allow me to keep my code updated and functional for everyone.
© 2020 Kingsley Chimezie | Kingsley Chimezie Creations