✨Mobile dock
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:
Enable dock
Add heading text.
Color scheme
Select the color scheme from the given options;
-Primary
-Secondary
-Tertiary
-Quaternary
Note: These can be managed from Theme settings> color schemes.
Enable gradient
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.
Title
Enter any title to display in the mobile dock.
Link block: This is to add a customized link and its icon.
Custom SVG icon
Enter svg icon code here.
Title
Enter any title to display in the mobile dock.
Link
Enter the link to redirect the icon.
Last updated