Hello, I need help adjusting my custom css media, on mobile ONLY. I would like the desktop to stay at 65%. I am using the code below,
video { width: 65%; height: 65%; display: block; margin: 0 auto; }Topic summary
A user needed help making a custom CSS video element responsive on mobile while keeping it at 65% width on desktop. The original code applied 65% width/height uniformly across all devices.
Solution Provided:
Another user shared updated CSS code using a media query to target mobile devices specifically, allowing different sizing rules for mobile versus desktop views.
Outcome:
The original poster confirmed the solution worked successfully.
Additional Note:
A separate user posted an unrelated question about displaying an image (1536x1024px) on their Shopify homepage for both mobile and desktop views, indicating they have no coding experience and were directed to seek specialist help.
Please replace the code with this new updated one.
Let me know if you need more assistance.
Thanks
1 Like
Thank you!!! 
- If my reply was helpful, mark it as a solution and hit the like button! And Wait Don’t forget to Buy me a Coffee 
#### Thanks 
1 Like
i have a image on my shopify store i want it to post it on my home page in both mobile view and web view. but i m unable to do so. i have tried asking help from advisor they suggested me to ask help from a specialist. i m new to shopify and dont know coding at all. please help me. the size of my image is w1536 h1024 kindly help
