• 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

Infinity Pro – Different Front Page 1 Background Image For Mobiles

This solution enables you to change the Front Page 1 background image on mobiles.

Desktop Image
Desktop
Mobile Image
Mobile

In this case, the code executes at 600px width removing the desktop image and replacing it with a image named mobile.jpg added to the Infinity Pro themes images folder.

The code enables you to use any size image replacing the default at any width.

Demo Video #

Shows a different image replacing the default image as the background image to the Infinity Pro themes front page 1 widget area.

Code Installation #

There’s 4 steps :

Register for full access

Related Tutorials

  • Different Video For Desktop & Mobile
  • Different Image On Mobile Orientation Change
  • Infinity Pro Code To Change Front Page 1 Image On Mobiles

Background Image Infinity Pro Theme

Reader Interactions

Comments

  1. Tod Dale says

    July 27, 2020 at 1:52 pm

    I am using this on 40 pages…

    https://wpsites.net/web-design/use-infinity-pro-themes-front-page-template-on-unlimited-single-pages/

    And this on 70 posts…

    https://wpsites.net/web-design/infinity-pro-custom-single-post-template-with-front-page-section-1-replica/

    I utilize custom fields image-1, section-1, and section-2. This gives me a “landing page” with full article below the fold in section-2.

    Desktop version looks great, thank you.

    I see a new tutorial at https://wpsites.net/web-design/infinity-pro-different-front-page-1-background-image-for-mobiles/

    Is there a tutorial that will help serve a unique Front Page 1 Background Image For Mobiles on each page and post of my website?

    Please advise.

    Log in to Reply
    • Brad Dalton says

      July 27, 2020 at 2:07 pm

      If there is, it will be listed under this tag https://wpsites.net/tag/infinity-pro/

      Otherwise, you can order a custom tutorial for $75 https://wpsites.net/terms-of-service/#additional-tutorial-requests

      Log in to Reply
      • Tod Dale says

        July 27, 2020 at 2:25 pm

        So $75 for the pages tutorial and $ 75 for the posts tutorial? This will get me decent background images in portrait and landscape on mobiles?

        https://clovisplumbingservices.com/services/faucet-installation/

        Log in to Reply
        • Brad Dalton says

          July 27, 2020 at 2:36 pm

          At what width are your referring to when you say mobile? The mobile image won’t look the same on portrait and landscape. You can’t make a image look perfect on all widths. It will either be stretched using CSS or jQuery, scaled down or cutoff. So you’ll need to choose a width for mobile and crop your mobile image for each post and page. Are your using ACF to add images or WordPress custom fields? I need more information before i confirm.

          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.