Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

jaguiar

Member
  • Content Count

    3
  • Joined

  • Last visited

Posts posted by jaguiar

  1. 7 hours ago, tuanphan said:

    If you use Business Plan, Add to Page Settings > Advanced > Header

    
    <style>
      @media screen and (max-width:640px) {
      [data-parallax-id="PLACE ID HERE"] figure {
    transform: none !important;
    top: 0 !important;
    bottom: 0 !important;
    will-change: auto !important;
    }
      }
    </style>

    If you use Personal Plan, add this to Home > Design > Custom CSS

    Replace with Page ID. See How to find Page ID

    
      @media screen and (max-width:640px) {
      #page-ID [data-parallax-id="PLACE ID HERE"] figure {
    transform: none !important;
    top: 0 !important;
    bottom: 0 !important;
    will-change: auto !important;
    }
      }

     

    @tuanphan Awesome! Thanks so much this is perfect!

  2. On 2/22/2020 at 9:56 AM, kali-creative said:

    Yes! I have been searching the web too and just found code to do this. First you need parallax enabled in the Site Design. This code will disable it on any standalone or index page you specify.

    You first need to look up the data-parallax-id that is specific to the background image. Then just replace it in the code below, and add to your custom CSS. 

    
    [data-parallax-id="PLACE ID HERE"] figure {
    transform: none !important;
    top: 0 !important;
    bottom: 0 !important;
    will-change: auto !important;
    }

     

    This is great!! Worked for me also. 

    Anyone have any modifications to this code so that the parallax effect can be disabled on standalone pages for JUST mobile?

×
×
  • Create New...