Archived topic
Stack post meta vertically on mobile
5 replies · Started by Knuth Becker on February 11, 2022
Hi. How do you stack post meta elements (e.g., "posted on XX", "In the category: XX" etc.) vertically on mobile? See screenshot in private.
Hi there,
It would depends on how it was built.
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Hi Leo. No worries, thanks. Tagtjekker.dk
Hi there,
i would probably use a GB Grid Block to create that layout in your Block Element, that way you can set the grid columns to stack on mobile.
Perfect, thanks. How do I align the bottom text leftward like the "published on"-text for mobile? See private info.
Hi Knuth Becker,
With your current structure, here is a CSS you can try:
@media (max-width: 768px) {
.gb-inside-container .gb-inside-container .gb-container.gb-container-c70117c9 {
flex-direction:row;
}
}
Here is an article you may refer to with regards to adding CSS: https://docs.generatepress.com/article/adding-css/
Kindly let us know if this work. Hope to hear from you soon! :)