Hello! I'm fairly new to wiki making and have been experimenting with Foreground lately. I've noticed that my grids are not stacking on mobile and wonder if I might be missing something?
Let me know what info you need.
Here's one of the pages that are messed up: https://narutomushlegacy.com/index.php/%2Bhelp_Files
And a screenshot: http://i.imgur.com/ojPFqkY.png
Hi
Because you have small-2 instead of small-12. Or eliminate the small and they will stack. Your code is doing exactly what you're telling it to do. On small screens and it's giving you two columns so it thinks two more columns can fit next to it and then two more with the last column pulled right because it doesn't add up to 12.
Large-4 is right 4+4+4 is 12 columns. Since you are using Foreground v2.0 you can use "medium-6 large-4", "medium-6 large-4", and your last group "medium-12 large-4" as classes. That would put the first two next to each other and the last column all the way across on medium screens like a tablet. Leave off small and they will stack with all going across on small screens.
Remember on small screens small-12 is default unless you explicitly set it.
Hope that helps.
Tom
On Apr 10, 2017, at 8:20 PM, Maythorn maighdlin001@gmail.com wrote:
Hello! I'm fairly new to wiki making and have been experimenting with Foreground lately. I've noticed that my grids are not stacking on mobile and wonder if I might be missing something?
Let me know what info you need.
Here's one of the pages that are messed up: https://narutomushlegacy.com/index.php/%2Bhelp_Files
And a screenshot: http://i.imgur.com/ojPFqkY.png _______________________________________________ Foreground mailing list Foreground@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground
Thank you for taking the time to explain that to me. The columns are stacking perfectly now. :)
On Apr 10, 2017 10:10 PM, "Tom" tom@hutch4.us wrote:
Hi
Because you have small-2 instead of small-12. Or eliminate the small and they will stack. Your code is doing exactly what you're telling it to do. On small screens and it's giving you two columns so it thinks two more columns can fit next to it and then two more with the last column pulled right because it doesn't add up to 12.
Large-4 is right 4+4+4 is 12 columns. Since you are using Foreground v2.0 you can use "medium-6 large-4", "medium-6 large-4", and your last group "medium-12 large-4" as classes. That would put the first two next to each other and the last column all the way across on medium screens like a tablet. Leave off small and they will stack with all going across on small screens.
Remember on small screens small-12 is default unless you explicitly set it.
Hope that helps.
Tom
On Apr 10, 2017, at 8:20 PM, Maythorn maighdlin001@gmail.com wrote:
Hello! I'm fairly new to wiki making and have been experimenting with Foreground lately. I've noticed that my grids are not stacking on mobile and wonder if I might be missing something?
Let me know what info you need.
Here's one of the pages that are messed up: https://narutomushlegacy. com/index.php/%2Bhelp_Files
And a screenshot: http://i.imgur.com/ojPFqkY.png
Foreground mailing list Foreground@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground
Foreground mailing list Foreground@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground
foreground@lists.wikimedia.org