25 Jan 2025 12.00 AM I 250 Views
How can I edit the menu bar or header section of my Commmerce website?
- This Article is for stores running on Standard plan or higher
Step 2. Click on the Edit Website button
Step 3. Click on the Header menu (as shown below)
Step 4. After clicking on the Header menu, you will find the option to modify it on the left side (as shown below)
From here, you can hide the header menu and Offer bar, change Logo Alignment, Background Colour, and other options, and more.
Step 5. If you want to edit the Navigation links, click on the Manage Navigation (as shown below)
(Manage Navigation: The ability to modify and personalize the top section (Header menu) of a website, often including elements like logo, navigation menus, and other essential information)
Step 6. After clicking on Manage Navigation, you will be redirected to edit the Header and Footer (as shown below)
Step 7. If you want to add any Label or custom URL in the Header menu, click on Add Links (as shown below)
Step 8. Provide the Link Name as per your requirement (as shown below)
Step 9. Click on the dropdown arrow or Select Type, scroll down, and select the Custom URL option (as shown below)
Step 10. Add the custom URL in the Value section (as shown in the screenshot below), and save it
- As shown in the above screenshots, instead of a custom URL, you can choose any type of entity to be added to the header menu and follow the steps.
Step 11. Click on the '+' sign as shown below
Step 12. After clicking on the '+' sign, you will have all the options (as shown in “1” and “2”)
Step 13. All the Labels created can be dragged Left, Right, Up, and Down.
By allowing users to drag labels to different locations or elements, it provides a convenient way to organize and categorize information quickly and intuitively. This feature enables users to easily rearrange labels.
For example-
"My Account" is a part of the Header menu and "My Profile" is a sub-menu that is a part of the Header menu.
As per the requirement, you can select the position of the labels.
.png)
