oldegray Posted August 19, 2021 Posted August 19, 2021 Site URL: https://nurse-on-wheels.squarespace.com/config/design/custom-css Hello there! I am struggling with how to target summary block items. I have a blog summary on the homepage that on desktop i want to have 6 columns (or 3...haven't decided fully on this yet). I would like the summary block blog items to maintain three columns on tablet viewing. Additionally I would also like the summary items to not be so large on mobile viewing so that it's easy for people to scroll. I'm not sure if it's possible to make them 3 columns on tablet so smaller stacked items would be fine. Thank you! https://nurse-on-wheels.squarespace.com/config/design/custom-css pw hero1
oldegray Posted August 20, 2021 Author Posted August 20, 2021 Shoot, below is the updated domain https://the-nurse-on-wheels-trialmode.squarespace.com/ pw hero1
tuanphan Posted August 22, 2021 Posted August 22, 2021 On 8/20/2021 at 9:34 AM, oldegray said: Shoot, below is the updated domain https://the-nurse-on-wheels-trialmode.squarespace.com/ pw hero1 Hi, You mean Read the latest section? 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!)
tuanphan Posted August 31, 2021 Posted August 31, 2021 On 8/28/2021 at 2:32 AM, oldegray said: @tuanphan yes! exactly 🙂 Add to Design > Custom CSS /* Tablet summary 3 columns */ @media screen and (max-width:991px) and (min-width:768px) { div#block-yui_3_17_2_1_1627577686982_2001 .summary-item { width: calc(30.3333% - 20px) !important; float: left !important; clear: none !important; margin: 20px !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!)
oldegray Posted September 1, 2021 Author Posted September 1, 2021 @tuanphan THANK YOU! You are such an asset to this community.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.