Document Navigation

Header and footer

You can find the header and footer style settings in the admin panel under [Settings] -> [Site Global Configuration].
You can find the header and footer settings in the admin panel under [Settings] -> [Global Text Configuration].

Manage the top (TopBar) and bottom (Footer) areas of the webpage.

TopBar settings

The TopBar is a very narrow information bar located above the main navigation, often used to display social media icons, phone numbers, or welcome messages.

  • Enable TopBar: Simply check the box to enable it.
  • Color settings: Customize background color, text color, and icon color.
  • Content allocation on the left and right sides: The left side can be set to "Social Media", "Welcome Message" or both; the right side can be set to "Text Contact Information" or a strongly guided "Contact Button" (supports customizable button rounded corners and brand colors).

Footer background and layout

  • Footer layout modes:
    • Minimalist: Suitable for single-page websites or websites with limited content.
    • Centered: Menu links are displayed horizontally with the center aligned.
    • Complex: The most commonly used multi-column layout, suitable for displaying a large number of category links and subscription forms.

  • Background Image and Mask: You can upload a dark-toned factory or office building background image for the footer and adjust the "mask color" and "transparency" (0.5-0.8 recommended) to ensure that the text in front is clearly visible.

Footer text and links

  • Footer Introduction and Copyright: Include a short introduction about your company, as well as a copyright notice and technical support at the bottom.
  • Link configuration: Dynamically add "Centered - Top Link Group" or "Complex - Right Link Column" based on your selected layout (supports adding multiple columns, with multiple links attached to each column).