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
}
}
Thread Starter
K
(@kabirbd)
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.
Thread Starter
K
(@kabirbd)
Okey no problem, not a big issue for me at least not now.
thank you with love.
-K
