Overview
The Custom tab inside the Design ➜ Website Structure section lets you fine-tune the look and feel of your website’s header, navigation menu, and mobile menu. Follow the steps below to apply a new custom template, change header properties, update the desktop menu style, and personalize the mobile menu experience.
Steps to reproduce:
Steps to reproduce
- Log in to the SITE123 editor
- Navigate to the login page and sign in with your account credentials.
- Open the Design section
- From the main dashboard, click Design in the left sidebar.
- Go to Website Structure ➜ Custom tab
- In the top bar, select Website Structure.
- Choose the Custom tab to display all customizable boxes.
- Select a Custom Template
- In the first box ("Template"), open the drop-down list and pick template 21 to apply a new overall structure to your site.
- Adjust Header settings
- Open the Header box.
- Change Header Size by clicking the size selector and choosing the desired option.
- Change Header Font Style the same way, selecting the font style that best matches your brand.
- Update the Desktop Menu style
- In the Menu Pages Style box, click the style selector.
- Browse the style thumbnails and click the preferred layout (e.g., the ninth option in the gallery).
- Customize Mobile Menu options
- Expand the Mobile Menu box.
- Set Mobile Menu Color and Text Alignment from their respective drop-down controls.
- Choose the Mobile Menu Type (burger, bottom bar, etc.) that suits your audience.
- Save and publish
- All changes are saved automatically; preview your site and click Publish when you are satisfied.
Summary
Using the Custom tab in Website Structure, you can quickly apply a new template, fine-tune header styles, select a desktop menu layout, and personalize every aspect of the mobile menu. These adjustments help maintain a consistent brand identity while ensuring a smooth navigation experience on both desktop and mobile devices.
