Change the Website Structure and Menu Style

You can update your website’s overall layout and navigation style from Design → Website Structure. Use the Structures tab to switch between ready-made layout options, or the Custom tab to fine-tune your header, desktop menu, and mobile menu.

Choose a Layout (Structures Tab)

1. Log in to your website editor.
2. Click Design → Website Structure.
3. Make sure the Structures tab is selected.
4. Click a layout thumbnail to preview and apply it.
5. Wait a moment for the preview to load after each selection.
6. When you’re satisfied, continue editing or close the panel.

Your selection is saved automatically.

Customize Header and Menus (Custom Tab)

Use the Custom tab to control the look and feel of your header navigation, desktop menu, and mobile menu.

Apply a custom template

In Template, open the dropdown and choose a template to apply a new overall structure.

Adjust header settings (desktop)

In Website Header Navigation, you can adjust:

• Minimum Menu Size
• Header Font Style
• Header Link Style
• Header Font Size
• Space Between Pages
• Page Width
• Sticky Menu

Update the desktop menu style

In Menu Pages Style, select a style thumbnail to change the desktop navigation look.

Customize the mobile menu

In Mobile Menu Design, you can adjust:

• Header Height
• Menu Color
• Text Align
• Menu Type
• Header Font Size
• Space Between Pages
  
  

Publish to Make It Live

Preview your site to check desktop and mobile, then Publish when you’re ready.