If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

Featured templates

Multipurpose Website Templates. How to manage header layouts

Hi there, we are glad to present a new tutorial on how to manage header layouts in Multipurpose Website Templates.

Multipurpose Website Templates have different header layouts, for example, Header parallax, Header Transparent, Header Minimal,Header Corporate, Header Hamburger Menu etc :

Multipurpose Website Templates. How to manage header layouts-1

We are going to show you how to apply a certain header layout to the specific page.

For example, if you want to apply the Header Hamburger Menu layout to the Home page you should perform the following steps:

  1. Open the html file for Header Hamburger Menu layout using a text editor. In our case it’s a index-sidebar.html file, which can be found in the site folder of the downloaded template package.

  2. Locate header section and copy all the code between opening <header> and closing < ⁄header> tags.

    Multipurpose Website Templates. How to manage header layouts-2
    Multipurpose Website Templates. How to manage header layouts-3

  3. Find and open the index.html file for Home page editing. Insert all the previously copied code into header section of this page (between the opening <header> and closing < ⁄header> tags) instead of the existing one.

  4. Save settings using the Save button.

  5. Make sure modified file has been uploaded to the server.

Refresh your site to check the changes. You will see Header Hamburger Menu layout was successfully applied to Home page:

Multipurpose Website Templates. How to manage header layouts-4

This is the end of the tutorial. Now you know how to manage header layouts in Multipurpose Website Templates.

Feel free to check the detailed video tutorial below:

Multipurpose Website Templates. How to manage header layouts