About menu on mobile is messed up

[hipp0]

It extends to the right, I don’t think this is anything to do with my CSS because I disabled everything and it still does it and is not wrapping correctly.

Due to the ToS and Privacy Policy.

[ToddZ]

It looks like you have both Guidelines and FAQ on the menu - I think that’s what makes it overflow. If I add FAQ to my site it does the same.

A little additional CSS can make it wrap:

.nav-pills {
  flex-wrap: wrap;
}

Reducing the gap on .nav-pills might help a little too.

(This was just a quick test with browser dev tools. You might have to get more specific with the selectors if you don’t want to affect .nav-pills in other places.)

[hipp0]

Yeah seems like it might need to get fixed in the future so I don’t have to add a bunch of CSS to fix this.

It does mess up a lot of other things on the other menus without a lot of css.

[NateDhaliwal]

Isn’t FAQ now Guidelines?

Renaming FAQ to Guidelines

We are renaming the /faq URL to /guidelines . This better reflects the original intent of the community guidelines bundled with the Discourse forum software. When you opt in to this change, the following link and /faq URL: [image] Will point to /guidelines instead: [image] If you have an actual FAQ hosted somewhere that you want to link to, the faq_url site setting is still usable, and will override the sidebar link.

[Moin]

By default, you now have guidelines instead of FAQ, but even before that change, it was possible to separate them:

Customizing FAQs and Guidelines

This is a guide for administrators on customizing the FAQs and Guidelines pages on a Discourse site. Required user level: Administrator Customizing the FAQ and Guidelines pages in Discourse allows you to tailor the content to fit the specific needs and rules of your community. These pages are often the first point of reference for new users to understand what is expected of them and can also serve as a resource for existing members. FAQ and Guidelines Pages B…

The problem with the space on mobile occurs even without additional links, depending on the interface language. I reported that in 2022, but it didn’t make it into the redesign in 2024:

Links on top of "about" are cut depending on wording

Depending on the lenght of the words used in translation not all links on the top of the about-page are visible. You then need to scroll to the side. That is quite difficult to guess, if no word is cut. Example screenshot English - everything visible [_20220306_084156] Example screenshot Spanish - word is cut [_20220306_085029] Example screenshots German - it’s difficult to notice there is another link [_20220306_084008] [_20220306_084051]