Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #726188

    Hi!

    I tryed different codes from the support forum to solve my Problem.
    The Solution from this Thread works but I have the same problem than the author of this thread:

    https://kriesi.at/support/topic/hide-a-color-box-background-image-on-smartphone/

    The Workaround is working with my side, but the parallax/ fixed Image effect does not work with this workaround.

    Could you help me to fix this css to work with parallaxe/ fixed Image?

    Thanks a lot!

    Johannes

    • This topic was modified 8 years ago by Jo_Smud.
    #726213

    Wrong

    • This reply was modified 8 years ago by Jo_Smud.
    #726290

    Edited my Request!

    #726303

    Here is the Link to my project (private section)
    On the Main Page I created a Element for Testing. I want this fixed Image like it is shown on the Website, but Want to disable this on mobile devices.

    • This reply was modified 8 years ago by Jo_Smud.
    #727479

    Hi,

    Parallax is disabled on mobile by default. What exactly would you like to achieve? Could you elaborate the issue please.

    Best regards,
    Vinay

    • This reply was modified 8 years ago by Vinay.
    #727676

    Hi!

    No i don´t want special effects on mobile!
    I want the effect on desktop, but i want to disable the Image from the color section on mobiles, because it is cut off on mobile devices (I linked another thread with the same problem in my first post): https://kriesi.at/support/topic/hide-a-color-box-background-image-on-smartphone/

    The problem is: When I use the Workaround from this thread with the following code, the effect is gone on DEKSTOP Version of the site! So there is only a static image left. But I want the Parallax/ fixed image effect on desktop and remove it on mobile.

    #bgimage{ 
    	background: #000 url(image.jpg);
    	background-size: cover;
    	background-position:center center;        
    }
    /* Home page section images on mobile */
    @media only screen and (max-width: 767px) {
    #bgimage{ 
    	background: #000!important;
    }
    }
    #728323

    Hi,

    Please edit your Color Section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    #your-unique-id { background: #000000 !important; }
    }

    If that too does not help, please create a temporary admin login and post it here privately so we can look into it.

    Enjoy your holidays!

    Best regards,
    Yigit

    • This reply was modified 8 years ago by Yigit.
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.