#762 fix title of translated version of fedoracommunity.org
Opened 5 years ago by jibecfed. Modified 5 years ago

hello, many languages have issue with top-bar menu which don't like our long words ;)


thanks for your help :)

One fix can be done to put equal grid size for #site-heading and

after that. Set grid_8, but this doesn't solve the problem 100%. There are still long words that can break the menu.
Due to inflexible layout one possible solution I see there to move subheading #site-heading>h2 under the logo on the next new row. Then the menu's width should be enough for every language.

Something like this:

Maybe we can remove the UL LI tags and replace it with DIV A style="display:block" and set up the width to center the text. (example 3 columns width 33,3%, 4 columns width 25%).

Another solution will be to use css selector for counting child elemens and set percentage width like they do here: https://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has

in both cases we can make something that will auto adapt to fit the container space

This website is not mobile friendly. I suggest to re-design it in a responsive way maybe using bootstrap like the fedoraproject.org webpages.

Metadata Update from @sijis:
- Issue tagged with: fedoracommunity

5 years ago

Login to comment on this ticket.

Attachments 1
Attached 5 years ago View Comment