Step-by-step guide to using Navi+
A comprehensive and flexible application won't be too easy to use. Navi+ understands this and continues to optimize and improve the experience for you. Check out the following steps to quickly and effectively get started with Navi+
Step 1: Discover ideas – Understand Navi+
Unless you are an expert in websites, Shopify, and IT, in most cases, finding ideas is always the first step you should take when starting with Navi+. Check out how other websites are using Navi+, what aligns with your goals, and which types of menus you want to implement on...
May 21, 2022
Step 2: Decide which menus will be started
At this step, you already have some ideas in mind and can visualize what types of menus you will need—whether it’s a sticky menu (which stays pinned on the screen when scrolling up or down the website) or a section menu (which moves along with the screen when scrolling up...
May 21, 2022
Step 3: Prepare to start
Although Navi+ will not edit the theme code, it’s safer to start by cloning another theme and ensuring you have the latest version of the theme updated. (Sometimes, Navi+ may not work with very old versions of the theme.) If you have just created a website on Shopify and are...
May 17, 2022
Step 4: Edit the menu tree
Select the Menu tree to edit your menu structure. You will have a menu tree displayed in the middle of the screen. Hover over the Menu Items to reveal the function menu: Delete: Remove the menu item and its submenus. Clone: Clone the menu item and its submenus. Edit: Change...
May 3, 2022
Step 5: Design the user interface for your menus
You need to pay attention to one issue here: updates made on the Interface (UI) tab will have a global effect on the menu. In this way, if you set the menu font size to 13, the entire menu font size will be 13px. Each menu item will have its...
May 3, 2022
Step 6: Discover some advanced and useful features
There are always more complex requirements when integrating Navi+ into a website. Some typical cases include: There may be CSS conflicts with the theme or other apps. Although Navi+ is very independent in terms of CSS/JS code with high-quality standards and does not use any libraries, some themes may have...
May 2, 2022
Step 7: Publish the menu on your website
Essentially, Navi+ has two forms of publishing: Sticky and Section, both of which are very powerful and important, suitable for different usage scenarios: Menu types like Bottom Bar and FAB will function as Sticky because they will remain on the screen as you scroll down. You can set up some...
March 18, 2022