Inline Navigation
A floating navigation for long pages built with WPBakery.
Adds a floating navigation to posts and pages so readers can jump between sections. It works with WPBakery Page Builder only, the output is responsive, and every element has its own class for styling.
What you are looking at
- Each item is a title and a CSS selector: # for an id, . for a class.
- Design options sit in their own tab, like any WPBakery element.
Screenshot from the original project, April 2022 or earlier.
// what-it-does
What it does
Long landing pages need a way to jump. This one lives inside the page builder the site already used.
You drop the element on the page and list the sections it should point to. The navigation floats beside the content and follows the reader down.
How it is set up
- One navigation item per section: a title and a CSS selector
- Selectors can target an id (#) or a class (.)
- Responsive output
- A unique HTML class on every element, for styling it your way
// how-it-was-built
How it was built
A WPBakery element, in PHP and JavaScript.
Published by Pepro Dev as free software on GitHub.
Archived. The last push to GitHub was in January 2022.
// portfolio/
Where the work went next
The portfolio is the record. The plugins, apps and systems I still maintain have their own pages, with current versions and numbers.
- PortfolioEvery old project, filterable by category
- ProductsThe plugins, apps and systems I keep running
- Open sourceEvery public project, with its status and numbers
- Ultimate InvoiceInvoices, slips and labels for WooCommerce
- Advanced Profile SolutionGrown from Ultimate Profile Solutions
- Receipt Uploader for WooCommerceBank transfer receipts, against the right order
- ServicesWordPress, WooCommerce and custom builds today