I used the following CSS changes to move tags to a line below the title as it appears by default on smaller devices.
@media (min-width: 768px){ // Medium devices (landscape tablets, 768px and up)
div > div.DiscussionListItem-content.Slidable-content > a.DiscussionListItem-main > ul > li.item-tags {
position:initial; //set tag position under title
margin-right: 5px; // space stated/last reply from tags
-webkit-mask-image: none; // remove masking to reveal all tags
} }
Outcome:
Maybe it helps you too... please let me know if you see anything wrong with the changes since I am no expert with CSS.