Tags overlapping in the mobile title

support
#1

Hi,

i’ve installed the tag plugin in my site. However, when you have a long category name in the mobile tittle bar, it will overlap as we can see in this picture.
59

Is there any way to move the tag into a third row?

Thanks!

#2

What tag “plugin” are you talking about? Tags are part of Discourse core.

Also I see no overlap in your screenshot?

1 Like
#3

Hi, sorry I thought it was a plugin, but it’s integrated in Discourse in fact.I was confused.

By overlapping I mean that, as you can see in the picture, the second tag is not appearing in the title.

I would need to have it in a third line in the tittle, so users can actually see the tags of the topic.

thanks!

#4

My solution would be to use shorter tags!

You can do it with a theme component, though. Search “#howto theme” or maybe CSS pro will chime in.

1 Like
#5

In header.scss, removing:

  // the tag container should shrink
  .topic-header-extra {
    min-width: 1px; // 1px value is needed to avoid IE11 flexbox bug
  }

will allow the tags to wrap.

If you want to try in your customizations use:

.extra-info-wrapper .topic-header-extra {
    min-width: auto;
}
3 Likes
#6

Great, it worked perfectly :slight_smile: thanks thanks thanks!