12. Menus & Navigation

Building an intuitive and visually appealing menu is crucial for a successful website. Stylie's website builder empowers you with flexible and advanced options to create and manage your website's menu. Whether you are using the free or Pro version, our builder accommodates your needs with exceptional functionality.

1. Creating a Menu

Within the builder's elements, you can find the 'Menu' element. Drag this element onto the desired location on your page, prompting the 'Create a menu' message. To start creating a menu, go to the CMS section on the top left, select 'menus' and choose 'Create New Menu' from the dropdown. Name your menu, e.g., 'Main Demo Menu', and start adding pages.

2. Adding Pages to Menu

On the left side, you will find the 'Pages' option. Select the pages you want to add to the menu and click on 'Add to menu'. You can easily rearrange the pages by clicking and dragging to ensure they are in the correct order. Don't forget to save changes.

3. Refresh to Update

Once you have added all necessary pages, including any new ones you might have published, return to the 'Create menu' option. If your newly created menu isn't visible, simply refresh your browser, and your menu will be available for selection.

4. Advanced Styling

Upon selection of your menu, you can start customizing. You can add icons to each link, change their sizes and position (left or right), and modify the overall typography. You can also set different colors for different link states: normal, hover, and active.

In the Pro version, you get additional features like the Mega Menu, where you can drag in any element from your page and create a mega element for a specific link.

5. Hamburger Menu for Mobile View

The builder also equips you to optimize your website for mobile view. It automatically presents your menu as a hamburger icon for smaller screens. You can choose the hamburger menu's size and drawer position (left or right), and change its color. Each link within the hamburger menu can be styled individually, including options for size, color, background, and border.

Stylie's website builder not only offers you ease of use but also the power to bring your creative vision to life. With these flexible features and functions, you will be creating compelling and user-friendly menus in no time. Remember, an effective menu enhances your site's navigability, leading to an improved user experience and, ultimately, business growth.