• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section

This version works with both the free and premium version of Soliloquy slider. It replaces the hero image with the slider on desktops and displays the hero image on mobiles at the same time the mobile menu activates as seen in the following 2 gallery images.

Update: See this new version with bug fixes.

In this case, the slider is only added to the front page.

Mobile Screens
Mobiles
Desktop Screens
Desktops

Demo Video #

Shows the header hero image replaced with the slider on desktops and the hero image displayed on mobiles.

Tested using the free and premium versions of Soliloquy slider.

Code Installation #

There’s 3 steps relating to usage of the code from the download folder.

Step 1 – Create a new slider named Hero Slider using the following settings as a guide :

The above screenshot uses the premium version settings.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Slider In Essence Pro Header Hero – New Version
  • Replace Hero Image With Soliloquy Slider In Essence Pro Hero Section
  • Replace Essence Pro Hero Image With Slider

Essence Pro Theme Gutenberg Slider

Reader Interactions

Comments

  1. lucie hall says

    November 10, 2019 at 6:20 pm

    Hello again, it’s me Lucie, the pest! Well I think I figured it out, and you might want to update your tutorial: rather than adding front-page.php to the theme directory, (which the current version of the theme does not have) I added the php snippet to functions.php, and it worked!! So no need to go in to library.broughstuff.com.

    Have a great um day, night, whatever it might be!

    Log in to Reply
    • Brad Dalton says

      November 10, 2019 at 9:27 pm

      Thanks for the update Lucie. The tutorial is now updated https://wpsites.net/web-design/replace-hero-image-with-soliloquy-slider-premium-in-essence-pro-hero-section/#theme-versions-support-gutenberg

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.