• 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

Add Slider To Infinity Pro Front Page 1 Widget Background

This solution replaces the background image behind the front page 1 widget area in Infinity Pro with a slider like this :

The solution works on screen resize so the mobile menu icon pushes the responsive menu down below 800px without the need to reload the page and without displaying the mobile menu over the image.

Note : You can use this solution in most Genesis child themes, support for which is provided to registered users.

Installation #

There’s 3 steps after you download the download folder :

Register or login to access the download folder & installation instructions :

Register for full access

Related Tutorials

  • Infinity Pro Replace Front Page 1 Widget With Responsive Slider Images

Infinity Pro Theme Slider

Reader Interactions

Comments

  1. John Aluotto says

    September 26, 2022 at 5:35 pm

    Hello,

    I was able to add this slider to the homepage but I want it to be fixed in the viewport without any scroll. How is the best way to accomplish this?

    Log in to Reply
    • Brad Dalton says

      September 26, 2022 at 5:40 pm

      Hi John

      There is some additional work involved to do this. You are welcome to request a custom tutorial. https://wpsites.net/product/hourly-consulting/

      Log in to Reply
      • John Aluotto says

        September 26, 2022 at 5:50 pm

        Is it just editing the css of front-page-1. Can you provide me with the code? I don’t need a full tutorial

        Log in to Reply
        • Brad Dalton says

          September 26, 2022 at 5:53 pm

          I would need to install the code in a fresh installation of Infinity Pro and then take a look at what modifications you want done. This is not something i include in membership unless its a 2 minute job.

          Log in to Reply
          • John Aluotto says

            September 26, 2022 at 6:05 pm

            Ok…I’m close to getting it. I already spent the money on membership and the tutorial worked, so thank you for that. I will try and figure out on my own.

          • John Aluotto says

            September 26, 2022 at 6:17 pm

            Also there are no arrows for slider navigation. Is this an additional fee as well?

    • John Aluotto says

      September 27, 2022 at 12:19 pm

      Hello, I am not sure what happened to my comment about slider arrows. How do I add the arrows back? I don’t see a css file or any where to adjust the slider settings.

      Log in to Reply
      • Brad Dalton says

        September 27, 2022 at 1:25 pm

        There are none for this method. If you want slider navigation, you’ll need to use another of these tutorials.https://wpsites.net/?s=infinity+pro+slider

        Log in to Reply
  2. Jason Halsey says

    May 30, 2019 at 12:21 pm

    Is it possible to still have content further down the page?

    Log in to Reply
    • Brad Dalton says

      May 30, 2019 at 12:53 pm

      Yes, this solution only replaces the front page 1 widget background image with your slider. Did you finish installation successfully or do you need help?

      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.