- This topic has 15 replies, 2 voices, and was last updated 1 year, 7 months ago by David.
November 17, 2020 at 2:16 am #1534322NitinNovember 17, 2020 at 2:51 am #1534376DavidStaffCustomer SupportNovember 17, 2020 at 3:52 am #1534416Nitin
Actually, the article is in the draft. I previewed it and found the situation I shared in screenshots.November 17, 2020 at 8:59 am #1535002DavidStaffCustomer SupportNovember 18, 2020 at 1:54 am #1535727Nitin
I just published a test post, here is the link-
It is not mobile-friendly.November 18, 2020 at 3:21 am #1535822DavidStaffCustomer Support
Select each of the Grid column blocks, the in the settings sidebar, select Mobile, and change the blocks % width to 100%.November 18, 2020 at 4:56 am #1535892NitinNovember 18, 2020 at 6:12 am #1535994DavidStaffCustomer SupportNovember 18, 2020 at 6:46 pm #1536926Nitin
Yes, you are correct. But, don’t you think it is ugly to see a price table’s columns in a stacking manner. It should be as it shows on the Desktop.
How can I show the table linearly on mobile devices?November 19, 2020 at 1:03 am #1537175DavidStaffCustomer SupportNovember 19, 2020 at 3:39 am #1537331Nitin
Yes, you may visit the http://www.grabltd.com homepage. I want the same layout that this site uses to display deals on its homepage.
How can I do it?November 19, 2020 at 3:59 am #1537349DavidStaffCustomer SupportNovember 19, 2020 at 6:54 pm #1538337Nitin
All active lifetime deals at one place.November 20, 2020 at 3:58 am #1538694DavidStaffCustomer Support
That site is using a Table. You can do something similar with the Grid Block. Instead of creating a 3 column grid, you would create 3 column rows. Each element has responsive controls, so you can adjust them to suit for smaller devices.
I made a quick video:
Note: I am using the current GB 1.2 Beta which has in editor responsive views:November 20, 2020 at 7:01 am #1539069Nitin
Thanks a lot, David.
It is perfect now.
Thank you very much.
- You must be logged in to reply to this topic.