Document Navigation

Navigation bar style

You can find the content of this section in the admin panel under [Settings] -> [Site Global Configuration] -> [Navigation Style].

The navigation bar is the face of a website. SX-Creval offers a high degree of freedom, allowing you to customize your own navigation appearance without coding.

Navigation appearance style

  • Style selection: You can choose "Single-line navigation" or "Double-layer navigation" (used in conjunction with TopBar). When you choose double-layer navigation, the system will no longer use TopBar by default for the sake of user experience.

Snipaste_2026-04-02_12-57-28

Snipaste_2026-04-02_12-57-38

  • Navigation position: Whether the main menu content is aligned to the left, center, or right.

  • Navigation styles: Offers "Normal", "Transparent (color changes when scrolling)" and the highly modern "Dynamic Island" floating style.

  • Font size selection: Choose a larger, standard, or smaller font scheme based on the amount of text in your menu.

  • Color settings: Customize the background and text colors of the navigation bar.

  • Force uppercase letters: When checked, all English letters in the navigation menu will be automatically converted to uppercase.

  • Navigation sticks to the top: When checked, the navigation bar will remain fixed at the top of the screen as the user scrolls down the webpage.

  • Display Inquiry Vehicle: [Exclusive Feature for Foreign Trade] When checked, the Inquiry Vehicle icon will appear on the right side of the navigation bar, making it convenient for customers to send product inquiries in bulk.

Drop-down menu style

  • Drop-down menu selection: You can choose between "Normal Menu" (traditional vertical list) or "Mega Menu" (suitable for companies with a wide range of product categories, supporting wide-format displays with images and text).

  • Super Menu Image and Text Settings: If you select the Super Menu, you can choose the display mode of the accompanying image here (hover display or fixed display).

  • Drop-down menu color: Independently control the background and text color of the drop-down dialog box.