Sections

View

Hero

The Hero section is a versatile and visually impactful element designed to highlight key information or imagery at the top of a page. It serves as a customizable banner composed of various blocks, setting the tone for the rest of the page content. Users can control the placement and appearance of images and videos, ensuring optimal display across both desktop and mobile devices. Imagery and video settings allow for the inclusion of high-quality visuals, enhancing engagement and brand representation. Padding settings provide flexibility in adjusting the space around content, ensuring a balanced and aesthetically pleasing layout. The Hero section supports a range of block types, including Breadcrumbs, Button, Heading basic, Icon with text, Image, and Rich text basic, allowing for a tailored and dynamic presentation. Usage examples include creating a visual impact with high-quality images or videos, highlighting key messages with headings and text, and enhancing navigation with breadcrumbs. These features make the Hero section an essential tool for capturing attention and guiding users through the page.

Read more

Main navigation

The Main navigation section is a crucial part of your site's header, providing users with easy access to various parts of your site through a structured menu system. It appears on all pages, ensuring consistent navigation for users. Key settings include the Menu open action, which allows you to choose between opening the menu on click or hover, with the default being on click. The Show full-width menus option is ideal for sites with a large number of menu items, displaying them in a new row for better organization. The Sticky setting controls the navigation bar's behavior as users scroll, with options to keep it fixed, hide it on scroll, or disable the sticky feature entirely. For usage, setting the menu to open on hover can enhance interactivity, especially for desktop users. The full-width menu option is beneficial for complex navigation structures, while the fixed sticky setting ensures the navigation bar remains visible for easy access on content-heavy pages. These settings collectively improve the usability and accessibility of your site's navigation.

Read more