✅ Navigation menu v.2 (Major enhancements)
I
Iver Aune
➕ CTA Button in Navigation
Add a CTA button inside the navigation element. It should be editable the same way as the existing button element (with a custom class).
➕ Second CTA
Sometimes we want to add a second CTA in text form, but placed with the main CTA and not the menu elements.
Examples: Login or phone number.
➕ Menu Alignment Options
Add controls for menu alignment (Left, Center, Right).
Left: next to the logo
Center: in the middle of the navigation
Right: just before the CTA button
➕ Floating Navigation
The nav menu should be in its own section (for Global Section use) but still able to float over the hero section. Example: a full-height hero image (100vh) with the nav menu floating on top.
➕ Scroll Hide/Show Effect
Make the nav section hide when scrolling down and reappear when scrolling up.
➕ Two Navigation States
Allow different styles for two states:
State 1: at the very top of the site
State 2: after scrolling starts
Examples:
State 1: normal header style.
State 2: add bottom border, shadow, and change background/blur.
Hero image example: nav text should be white with a transparent background on top of the image, but switch to black text on a white background after scrolling.
➕ Scroll-to-Element Links
Allow menu items to link not only to URLs but also to page sections (for single-page builds).
➕ Desktop Menu Icon
Enable the use of the menu icon also on the desktop.
➕ Separate Hamburger & Text Settings
Split settings for the hamburger menu icon and the menu text. Currently, they are linked together.
➕ Reorder Nav Menu Items
Allow us to reorder the Logo element, Menu Elements and CTA element in any order.
Example: Menu Elements left, Logo Center, Main and Second CTA right.
Log In
J
Johnny Walker
Great ideas that would make life much easier!
At the moment we use two CTA buttons in all our sites but what would help is a solution to using custom values in buttons as they make them huge in the page builder view and you constantly need to check on various screen sizes if they are ok or not.
W
Weston Hooley
Love these ideas! Here are some more navigation features that should be implemented.
S
Stuart Palm
Also, in the mobile version of the Nav Bar and the page in general, can we line up two or more buttons side by side on the page. Some builders allow a phone icon, email icon etc to be side by side at the top or bottom of the mobile page (sticky) to allow quick contact access whilst scrolling. I've come up with a workaround involving the new Multi Popups where I've put multi-contact details into a single popup for mobile, triggered by a single button on the mobile Nav Section, if that makes sense.
S
Stuart Palm
These are all great suggestions by the way, definitely needed.
S
Stuart Palm
I have a seperate request to add - when the section containing the Nav bar is toggled as Sticky and you make the Nav menu items jump to a section down the page, the section aligns UNDERNEATH the Sticky Section and loses the first inch (couple of cm's) of the section you're directed to. So if the section has a heading you have to put some padding in to compensate, however, that padding may not suit the general layout of the site. So there should be a toggle that says 'Align at bottom of Sticky Section' in the Nav Bar menu item properties.