Archived topic
Column hide-on-mobile / tablet doesn't work on mobile and tablet
2 replies · Started by Bela on July 27, 2021
Hi,
I created a Grid with multiple Columns inside. The last Column I need to align to center, so I added an empty Column before it. I added hide-on-mobile and hide-on-tablet classes to the empty column.
After that I tested the tablet and mobile views in Google Chrome, on two Android mobilephones, and on an iPad 9.7 (2018). As you can see, hiding column doesn't work:
Chrome: https://prnt.sc/1gnbuaj
iPad: https://prnt.sc/1gnc9wy
The interesting thing, If I add "hide-..." classes to another element, for eg. an image, It works well.
How can I solve this issue?
I'm sorry, I found a workaround - or the best solution :) - for my issue. I think it can be useful for others, too. I solve my issue with Horizontal centering in the Grid's options.
Glad to hear you found a solution!
