You can fine-tune your website's mobile menu to ensure it is both functional and visually consistent with your brand on smaller devices. While the site is automatically responsive, these settings allow for precise control over the mobile navigation experience.
In the Website Editor, click Design.
Select Mobile from the menu.
Adjust the following settings to fit your vision:
Menu Height – Set the vertical height of the mobile header.
Menu Color – Choose the background color for the mobile popup menu.
Text Align – Position the menu links (e.g., Left, Center, or Right).
Menu Type – Select the specific style or behavior of the mobile menu.
Menu Font Size – Scale the navigation text for better readability.
Space Between Pages – Increase or decrease the vertical gap between individual menu items.
Readability – If your menu has many items, increasing the Space Between Pages can help prevent accidental clicks on mobile touchscreens.
Visual Contrast – Use the Menu Color setting to ensure that your navigation text stands out clearly against its background.
Header Balance – Adjusting the Menu Height can prevent the mobile header from taking up too much valuable screen space on smaller phones.
