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

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

http://fedoracommunity.org/fr/emea
http://fedoracommunity.org/de/emea
http://fedoracommunity.org/ru/emea

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:
fedora-emea.jpg

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

a year ago

Login to comment on this ticket.

Metadata
Attachments 1
Attached 2 years ago View Comment