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.

Menu

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