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? deets87 1 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
deets87 Posted April 16 Share Posted April 16 On 1/19/2023 at 3:20 PM, tuanphan said: You mean show slider with 1 item/row? Yes, I would be interested in this solution as well. Link to comment
tuanphan Posted April 18 Share Posted April 18 On 4/17/2023 at 12:02 AM, deets87 said: Yes, I would be interested in this solution as well. Can you share link to page where you use summary? We can check easier 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
deets87 Posted April 29 Share Posted April 29 On 4/18/2023 at 4:56 AM, tuanphan said: Can you share link to page where you use summary? We can check easier Sorry Tuanphan, I just now saw your reply. https://www.rowac.com I disabled the carousel in mobile view so that they're just stacked on top of each other. It would be nice to have the carousel working in mobile with just one product visible at a time. Link to comment
tuanphan Posted May 1 Share Posted May 1 On 4/29/2023 at 6:24 PM, deets87 said: Sorry Tuanphan, I just now saw your reply. https://www.rowac.com I disabled the carousel in mobile view so that they're just stacked on top of each other. It would be nice to have the carousel working in mobile with just one product visible at a time. You mean this? 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
deets87 Posted May 1 Share Posted May 1 8 hours ago, tuanphan said: You mean this? yup, that's the summary block I was referring to. Link to comment
tuanphan Posted May 2 Share Posted May 2 23 hours ago, deets87 said: yup, that's the summary block I was referring to. You can consider adding 2 Summaries: current with 3 items, bottom with 1 item/row, we can give code to show 3 on desktop, show 1 on mobile 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
deets87 Posted May 2 Share Posted May 2 7 hours ago, tuanphan said: You can consider adding 2 Summaries: current with 3 items, bottom with 1 item/row, we can give code to show 3 on desktop, show 1 on mobile Hi Tuanphan, thanks, that sounds good. Link to comment
tuanphan Posted May 3 Share Posted May 3 8 hours ago, deets87 said: Hi Tuanphan, thanks, that sounds good. When you've done that, let me know, we will check & give the code 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