RebeccaSwales Posted July 13 Share Posted July 13 Hey everyone, Having trouble using sources found elsewhere online so giving this a go. I have uploaded a video background on desktop view but the orientation isn't mobile friendly. I have made a portrait version for mobile but I am having trouble hiding the desktop video and only showing the mobile video. Is there a way to only show the desktop video on desktop screens and the mobile video on mobile screens? How do I go about doing this? My site isn't live yet but I have attached the videos I am using. Thank you! Restore_Web_Banner_v2.mp4 Comp 6.mp4 Link to comment
Lesum Posted July 13 Share Posted July 13 @RebeccaSwales Hi! You can publish your site with a site-wide password. To achieve the effect you're looking for, you can create a new section with the portrait video background below the existing one. Then, with custom CSS, we can ensure that only one section is visible depending on the screen size, either desktop or mobile. Once you've created this section, share your site URL, and I can share the code. tuanphan 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
RebeccaSwales Posted July 14 Author Share Posted July 14 Messaged you the details. Cheers! Link to comment
tuanphan Posted July 16 Share Posted July 16 You can also try this approach 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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment