HTML Templates

Tutorial Home>Step2>Step2.6

Step 2.6: Hiding extra navigation buttons

Our templates were designed to suit a number of purposes. It may happen so that you don't need all the elements. In this step you will remove "SOLUTIONS" button from the template's navigation bar.

1. Locate "SOLUTIONS" layer and make it invisible by clicking the eye icon. Now there is empty space in place of unwanted button. It is better to shift remaining buttons from the right by one position to the left side.

2. Select "SERVICES" layer and unlink it from "COMPANY" and "PRODUCTS" layers by clicking the link icon . Note that "SUPPORT" and "CONTACT" layers get unlinked as well.

3. Use Move Tool to shift buttons to the left. You can enlarge the image with Zoom Tool and watch button separators match to make sure you are doing right.

4. Restore links to "COMPANY" and "PRODUCTS" layers for "SERVICES" layer. Note that links for "SUPPORT" and "CONTACT" get restored as well.

Proceed to Step 2.7: Hiding a portion of a layer. 

Step 2.7 >