Clone Project

Seamless Page Tabs

Created by
Raymmar
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
Description from Webflow:  
Each icon on this fixed nav element links to a new page which loads seamlessly. This is valuable for analytics or conversion tracking while keeping the experience seamless. Responsive menu adapts to bottom of screen on mobile for ease of use as well. Enjoy! ____________ To customize the menu - 1- Open the symbol and change the icon image and label 2- Change individual page names to match menu labels 3- Change accent color swatches 4- Build out page content To add a new page - 1- Copy the "icon wrap" element in the menu to create a new page link 2- Edit the icon image and label 3- Be sure "Menu transition" interaction is active on the icon wrap link 4- Create a new page and add a page load animation 4.1- When page starts loading should be set to - "Page Loader" interaction 4.2- When page finishes loading should be set to - "Page Open" interaction Leave a comment if you have any questions and check custom code section for Javascript snippet.
Tags from Webflow: 
tabs, menu, navigation, seamless, pageload, interactions, javascript
.