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 lower quality standards that could overwrite Navi+ code. In that case, there may be display errors with Navi+. You might need to make slight adjustments to the CSS/JS code in Navi+. Please contact Navi+ support for assistance.
- You may use multiple apps simultaneously, which can lead to interface components overlapping and hiding information. For example, the Bottom Bar may cover or be covered by the ADD TO CART or CHECKOUT buttons. In this case, you will need to adjust the z-index parameters to arrange the layer hierarchy.
- You will need to backup/restore your menu.
Navi+ provides strong support for these features, including:
- Internal Stylesheet / CSS (.SF-123456789): This is a safe solution to inject CSS into your Navi+ menu. The smart application will only apply these CSS codes internally within Navi+ without affecting other Navi+ menus or other HTML components in the interface. You can use media queries to apply styles only for mobile, desktop, or both. Sometimes, some pre-existing templates in Navi+ may have certain CSS snippets; be cautious when deleting them, as they are necessary adjustments.
- Global Stylesheet / CSS: This is an advanced solution to inject CSS into your website at a global level. This will affect the entire website rather than just applying it internally to the Navi+ menu. For example, if you need to replace the header with a new Navi+ header, you will need some CSS code to hide the entire header on the theme.
- Javascript: You can embed JavaScript functions here to activate when clicking on a menu item. This is a way to connect the Navi+ menu with interface components, communicate with other applications, and perform advanced tasks. If you are a developer, this feature is truly important and powerful. Contact Navi+ support if you need assistance.
- Z-index: This is an extremely important feature to adjust when Navi+ menus may be overlapped or overlapped by interface components. Theoretically, it is quite simple; the higher the z-index number of an interface component on the website, the more prioritized it is to display on top. The minimum and maximum z-index values are ±2147483647, so it is nearly limitless and has a very high degree of relativity. You will need to determine the z-index of the interface components using the inspect mode of browsers like Chrome or Firefox, and generally, it will require a bit of technical knowledge. Normally, you can contact Navi+ support if you need help, and we are happy to assist you.
- Import/export menus: Sometimes you may want to backup and restore the Navi+ menu, or you want to clone a menu template for multiple websites, or even create templates to distribute on forums. Navi+ allows you to export the entire menu, including structure, data, interface, configuration, etc., into a file that you can download and store. Isn’t this a great feature?
