In this helpdesk article, we'll guide you through the process of customizing the alignment, sizes, and colors of the menu titles on your website. With these simple steps, you can make your website's menu titles stand out and match your branding or design preferences.
Step 1: Head to Header > Menu section on your Editor
Log in to your Hub and click on Edit Website. Head to Sections then click on Header and Menu.
Step 2: Customize your Menu settings
Firstly, you can choose whether or not to make your menu sticky by ticking the box next to this option. A sticky menu is a website navigation menu that remains visible and "sticks" to the top of the web page as you scroll down. In other words, when a visitors scrolls down your website, the menu stays fixed at the top of the browser window, ensuring that it's always accessible and easily navigable without the need to scroll back to the top of the page. In contrast, if you untick this option, the menu bar will disappear as you scroll down the page.
Step 3: Choose the Setting for your Menu Position
You can choose the position of the Menu and the Logo.
You can also choose your Menu position to have it appears at the top, the middle or bottom of your page.
Step 4: Customize Background Color
You can change the background colour of your Menu navigation bar by choosing the shades suitable to your website or typing your preffered colour hex code.
Step 5: Choose Your Preferred Font Size
To choose your preferred font size, use the dragging tool on our setting to adjust the size of your texts until you are happy with the font size of the text on your Menu.
Step 6: Adjust the Alignment and Font Colour
Finally, you can choose the alignment (left, right or centered) and change the colour of the texts on your Menu as you see fit. If you are not happy with the change of colour, simply choose Restore default colour. Don't forget to click Save once you are done!
So, why wait? Start exploring this new feature and give your website the fresh, unique look it deserves.
Need a hand?
If you need any further assistance, please message our support team or get real-time help on our Live Chat!