Tags overlapping in the mobile title

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!

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

Also I see no overlap in your screenshot?

1 Like

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!

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

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

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