6 replies · opened Sep 26, 2022
Hi I've searched through all the templates but can't seem to find what I'm looking for?
If you look at https://mpora.com/ on a mobile and see attached image, they very neatly have two posts side by side on a mobile sceen.
I think, as well as my client that this works very well when you have a number of posts on the home page.
Is this design feature within in of the Canvas Templates please?
Hello,
The Canvas Post Grid is flexible and you can easily make it into a 2 Column Layout on Mobile Devices. Simply add the .col-6 Class to the .entry DIV. That's it, now the Blog Posts will have 2 Columns on Mobile Devices.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thanks for that, couldn't get it to work, I'll try again and let you know.
Thanks again
I've tried but can't get it to work on a mobile in two columns
This is the code as a chunk in MODX that produces 20+ posts on a page
[
]([[~[[+id]]]])
[[[+pagetitle]]]([[~[[+id]]]])
- [[+publishedon:strtotime:date=`%a, %d %b %Y`]]
And one of the pages with the code in
Hello,
Thanks for your patience! When classes are added to an HTML Tag, it must be without dots (.). Consider trying this instead:
<div class="entry col-6 col-lg-3 col-md-4">This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Excellent, that works really well on a mobile now as I now use a mixture on the home page https://www.stylealtitude.com/
Thanks
Glad the issues were resolved. Very Happy to Help!
Please do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard