4ufitness Posted June 18 Posted June 18 (edited) Hi there, I want to disable (hide) the background video of my homepage only on mobile as the video gets cropped and it doesn't look great. I would like to use fallback image on mobile view. Thank you. http://www.4ufitness.co.nz/ Edited June 18 by 4ufitness Beyondspace 1
tuanphan Posted June 19 Posted June 19 You can use this to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { section[data-section-id="65149deb31749714176dc2a2"] { video { visibility: hidden !important; } .section-border img { opacity: 1 !important; visibility: visible !important; display: block !important; }}} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
4ufitness Posted June 19 Author Posted June 19 12 hours ago, tuanphan said: You can use this to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { section[data-section-id="65149deb31749714176dc2a2"] { video { visibility: hidden !important; } .section-border img { opacity: 1 !important; visibility: visible !important; display: block !important; }}} Amazing! It works perfectly. Thank you very much. Beyondspace 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment