Tag List column responsive issue…

Please try:

[tag_groups_tag_list column_count=0 include=1,2,10 div_id="responsive_tag_list"]

with the CSS (Can be added for example in the Customizer of your WP site)

@media only screen and (max-width: 700px) {
 #responsive_tag_list {
  column-count:1;
 }
}
@media only screen and (min-width: 701px) {
 #responsive_tag_list {
  column-count:4;
  column-gap:10px
 }
}

Adjust the max/min width as you need it, or add even more conditions with “and” to increment the column count in steps.

@media only screen and (max-width: 700px) {
 #responsive_tag_list {
  column-count:1;
 }
}
@media only screen and (min-width: 701px) and (max-width: 1000px) {
 #responsive_tag_list {
  column-count:2;
  column-gap:10px
 }
}
@media only screen and (min-width: 1001px) {
 #responsive_tag_list {
  column-count:4;
  column-gap:10px
 }
}

Its work fine and at a same time its not perfect.

If every column adopt same length/height it would be the perfect, but its nearly perfect now. I am not tech person at all may be some css code solve this issue. If possible check this out.

Whatever, thankyou for again for this excellent plugin.

With Love.
– K

Yes, I think that this is a question of CSS. The plugin does not set a fixed height of columns because it depends on the number of tags.

Okey no problem, not a big issue for me at least not now.

thank you with love.
-K