# Mobile dock

### 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:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Enable dock</td><td>Add heading text. </td></tr><tr><td>Color scheme </td><td><p> Select the color scheme from the given options; </p><p>-Primary  </p><p>-Secondary  </p><p>-Tertiary  </p><p>-Quaternary  </p><p><em>Note: These can be managed from <strong>Theme settings> color schemes.</strong></em> </p></td></tr><tr><td>Enable gradient</td><td>Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes.</td></tr></tbody></table>

### 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.

<table><thead><tr><th></th><th width="559"></th></tr></thead><tbody><tr><td>Custom SVG icon</td><td>Enter svg icon code here.</td></tr><tr><td>Title</td><td>Enter any title to display in the mobile dock.</td></tr></tbody></table>

**Link block**: This is to add a customized link and its icon.

<table><thead><tr><th width="283">Menu</th><th></th></tr></thead><tbody><tr><td>Custom SVG icon</td><td>Enter svg icon code here.</td></tr><tr><td>Title</td><td>Enter any title to display in the mobile dock.</td></tr><tr><td>Link</td><td>Enter the link to redirect the icon.</td></tr></tbody></table>