{"id":1608,"date":"2020-01-10T16:05:42","date_gmt":"2020-01-10T09:05:42","guid":{"rendered":"https:\/\/danielepais.com\/journal\/?p=1608"},"modified":"2022-02-03T13:20:17","modified_gmt":"2022-02-03T06:20:17","slug":"free-elementor-slideshow-header","status":"publish","type":"post","link":"https:\/\/danielepais.com\/journal\/free-elementor-slideshow-header\/","title":{"rendered":"Free Elementor Slideshow Header"},"content":{"rendered":"

\"Free<\/a>
\nFull Width Slideshow Hero Header With Responsive Menu<\/h4>\n

This header is made with Elementor free<\/a> so it is OK for all those who haven’t yet made the jump into Elementor PRO or have just started using Elementor.<\/p>\n

The header is composed by three main columns. Starting from the Left and going to the right side of the screen we have an image logo then the menu and finally the social widgets.<\/p>\n

The slideshow plays in the background.<\/p>\n

The Responsive Navigation menu is made via the Elementor HTML widget and can be customized at your best liking.<\/p>\n

Note:<\/strong><\/p>\n

This template is best used with the Elementor Canvas In mind so that you have full control of the layout and design<\/a> of your page.<\/p>\n

How to set up your new header:<\/strong><\/p>\n

    \n
  1. Download<\/a> the zip file containing the following”
    \na. json file
    \nb. logo
    \nc. image headers for slideshow<\/li>\n
  2. Upload the json file to your template library (image 1)<\/strong><\/li>\n
  3. Create a new page or edit an exixting page, make sure you are using the “Elemetor Canvas” (image 2)<\/strong>.<\/li>\n
  4. Add the new json template to the page. This should be a blank page…or if you already have content you should move this new created section to the very top (Image 3)<\/strong>.<\/li>\n
  5. Now you can see the menu on the right and the social icons but probably you will not see the logo or the slideshow. Click on the image at the left top corner and upload your logo or the reference one that is included in your download zip. For a better result your logo should be a transparent .png file (image 4)<\/strong>.<\/li>\n
  6. It is now time to add the slides to the slideshow that is already configured by the json file. Click on the section settings icon and then select the style tab, you will see a + sign, click in there and add the three slides provided in your download zip file (image 5)<\/strong>.<\/li>\n<\/ol>\n