© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
4 replies
Zen

How to display 2 columns widgets on mobile?

I would like to display 2 widgets for each row for Mobile screen.
I only display 1 as seen in the figure.
I have tried to follow instruction by setting columns etc, but none of them work. Please advise what is the right solutions.
#colums #widgets #layout #responsive
image.png
image.png
Solution
modify the view file is the only way. So I make the view file for this and add grid-cols-2 as a defualt to the class.
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

How to adjust dashboard widgets height in mobile
FilamentFFilament / ❓┊help
12mo ago
Widgets columns not taking effect
FilamentFFilament / ❓┊help
16mo ago
Table Filter columns on mobile device
FilamentFFilament / ❓┊help
3y ago
RelationManager - how to control what columns display back?
FilamentFFilament / ❓┊help
17mo ago