yogap Posted May 24, 2022 Share Posted May 24, 2022 Site URL: https://rumahkeduamedia.com is it possible to make the layout summary on the desktop remain as it is today, while on the mobile it changes to 1 part because the current summary when opened on mobile is very small and uncomfortable when pressing the arrow, except for the summary type list Link to comment
tuanphan Posted May 25, 2022 Share Posted May 25, 2022 Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1652790822955_18965 .summary-item { display: flex; flex-direction: column; width: 100% !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
yogap Posted May 25, 2022 Author Share Posted May 25, 2022 10 hours ago, tuanphan said: Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1652790822955_18965 .summary-item { display: flex; flex-direction: column; width: 100% !important; } } hey looks great thanks, but can add margin from read more link to thumbnail? Link to comment
tuanphan Posted May 29, 2022 Share Posted May 29, 2022 On 5/25/2022 at 6:35 PM, yogap said: hey looks great thanks, but can add margin from read more link to thumbnail? Use this new code @media screen and (max-width: 767px) { div#block-yui_3_17_2_1_1652790822955_18965 .summary-item { display: flex; flex-direction: column; width: 100% !important; margin-bottom: 50px !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
KLharvey Posted January 16 Share Posted January 16 On 5/25/2022 at 1:29 PM, tuanphan said: Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1652790822955_18965 .summary-item { display: flex; flex-direction: column; width: 100% !important; } } Hey, this piece of code has worked great for me too but I was wondering if it's possible to restrict the summary block on mobile to also be 1 item tall? As opposed to multiple items stacked on top of each other. Thanks! Link to comment
tuanphan Posted January 19 Share Posted January 19 On 1/17/2023 at 6:19 AM, KLharvey said: Hey, this piece of code has worked great for me too but I was wondering if it's possible to restrict the summary block on mobile to also be 1 item tall? As opposed to multiple items stacked on top of each other. Thanks! You mean show slider with 1 item/row? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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