A custom WordPress sidebar navigation system built for Elementor, designed to provide flexible menu placement and responsive layout control across desktop and mobile devices. The plugin allows navigation menus to be positioned dynamically, supporting left and right layouts on desktop, and top or bottom positioning on mobile.
The system integrates directly with Elementor, enabling drag-and-drop placement while maintaining structured menu behaviour through the WordPress menu system. It is designed for use in dashboards, documentation layouts, and navigation-heavy interfaces where flexible positioning is required.
This project was fully designed and developed by the website owner, focusing on creating a reusable and responsive navigation system that adapts to different layouts without breaking usability or structure.
Connects directly to WordPress menus and is controlled through Elementor for flexible placement.
Allows menus to be positioned on the left or right on desktop, and top or bottom on mobile devices.
Automatically adapts layout depending on screen size to maintain usability across devices.
Includes Elementor controls for adjusting alignment, spacing, and layout behaviour.
Suitable for dashboards, documentation layouts, and standard website navigation.
Navigation menus are created using the built-in WordPress menu system.
The sidebar menu is added to pages using a custom Elementor widget.
The layout automatically switches between desktop and mobile positioning based on screen size.
Menu appearance and layout can be customised through Elementor settings and CSS.