Nav
Last updated
Last updated
The nav
block is the ultimate no-code mega menu builder that allows you to create the ultimate navigation experience for your users.
You can craft a fully customisable, easy to use, multi-level, single markup menu that displays a range of navigation choices in an optimised layout from desktop to mobile devices.
The Cwicly nav
block is specifically designed with focused accessibility in mind.
With an increasing number of users browsing the web on mobile devices, Cwicly manages all the gear changes between different breakpoints and modal views, optimising user experience at every level thanks to smart single markup.
You can also apply pre-made styling options in a click.
We have made it easy to add or remove items from your menu using three different blocks:
The nav link
block, which is a simple link
The nav dropdown
block, to group multiple links within a dropdown or add your own custom blocks.
The nav menu
block, to import a WordPress menu directly into your mega menu
For added flexibility, these blocks are contained within the Nav Items block, allowing you to add custom blocks to the main Nav block structure while respecting accessibility guidelines.
Open the Block inserter and find the nav
block.
Click to add it to your page.
You can choose between a Preset Nav to get you started or a Blank Nav which will give you the bare bones.
Click the Preset Nav.
The preset nav comes with all the necessary elements to make a fully functioning mega menu that can be customised as required.
As you can see, the modal view is automatically set up and will adjust to any changes that are made.
You will find:
A Nav Block
A Nav Items block containing:
A nav dropdown block (Home) with two groups, their titles and descriptions.
A nav dropdown block (Solutions) with the addition of a pre-styled footer section
A simple link block (New Link) with its link set to cwicly.com.
A custom dropdown (Custom Dropdown) with a simple header and paragraph.