PSH_72 Posted September 21 Posted September 21 Site URL: https://www.paulhancock.co.uk/ Hi, I'm currently using the Avenue template for my site, with an image/video grid which appears in two columns on desktop. However, on mobile it also displays as a two column grid, meaning the content is too small. How can I keep it as a two column grid on desktop, but have it stack in a one column grid on mobile? I've seen the same question asked here a few times, and have tried the CSS code others have suggested, but nothing seems to work on my site so far. Many thanks for your help!
Solution tuanphan Posted September 21 Solution Posted September 21 You can use this to Website Tools > Custom CSS @media screen and (max-width:640px) { div#projectThumbs a.project { width: 100% !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!)
PSH_72 Posted September 21 Author Posted September 21 That's fixed it! Amazing - thanks so much @tuanphan! Really appreciate the help.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment