-
AuthorPosts
-
December 19, 2016 at 6:36 pm #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 7 years, 11 months ago by Jo_Smud.
December 19, 2016 at 7:19 pm #726213Wrong
- This reply was modified 7 years, 11 months ago by Jo_Smud.
December 19, 2016 at 9:17 pm #726290Edited my Request!
December 19, 2016 at 10:00 pm #726303Here 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 7 years, 11 months ago by Jo_Smud.
December 22, 2016 at 11:09 am #727479Hi,
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 7 years, 11 months ago by Vinay.
December 22, 2016 at 9:42 pm #727676Hi!
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; } }
December 28, 2016 at 1:38 am #728323Hi,
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 7 years, 11 months ago by Yigit.
-
AuthorPosts
- You must be logged in to reply to this topic.