whereisscott Posted February 27 Posted February 27 Hi all, I've tried other solutions that were posted on this elsewhere, but they don't seem to work for me. I have a summary block on the homepage of my site that doesn't look great while viewing on a tablet - the text sits to the right of the image and becomes very narrow, extending the size of the entire block. I'd much rather this display as it does in mobile, where the image sits comfortably on top of the text. Is there a way to trigger this on tablet? A screenshot of what it looks like on my iPad 10 is attached. Thanks!
tuanphan Posted February 29 Posted February 29 Can you share link to this page? We can check easier 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!)
whereisscott Posted February 29 Author Posted February 29 Hi @tuanphan - Yes, sorry, here it is: https://scottrobson.net/ (it's towards the bottom of the page). Thanks!
Solution tuanphan Posted March 3 Solution Posted March 3 Add this code to Website > Website Tools > Custom CSS > then save & reload the page /* Tablet summary */ @media screen and (min-width:768px) and (max-width:1024px) { div#block-c52af944a800cbb43140 .summary-item { flex-direction: column !important; } } whereisscott and mary654849 1 1 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment