This section is specifically designed for mobile devices, and it serves as a navigation area that prominently displays the main links for enhanced usability.
Configure the mobile dock
Go to Customize theme. Click the dropdown menu at the top and select the Home page template.
From the left side menu, select the mobile dock.
Customize this section by using the setting on the right side of the theme editor, as described in the following table:
Add heading text.
Select the color scheme from the given options;
Note: These can be managed from Theme settings> color schemes.
Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes.
Block settings for Menu, Search, Home, Account & Cart
Menu: This icon redirects to the mobile header drawer.
Search: This icon redirects to the search drawer.
Home: This icon redirects to the home page.
Account: This icon redirects to the account page.
Cart: This icon redirects to the cart drawer.
Custom SVG icon
Enter svg icon code here.
Enter any title to display in the mobile dock.
Link block: This is to add a customized link and its icon.