Search code examples
drupaldrupal-7

Header size changes when switching between languages in Drupal 7

I am currently working on a website, urbano2020.com/Drupal.

The header size is different between the Spanish and English translation. You can check it out and see what I mean...

I have tried disabling the 'Mi Cuenta' link, but this had no effect.

Does anyone have any idea what could have caused this or how to fix this so that the header stays the same size?

Thanks in advance.

Solution

  • The length of the words and sentences are pushing content around.

    For example in the header in the English version it says "The local urgency of the unreached in 20 cities by 2020" this length keeps everything formatted because divs aren't being pushed under each other. In the Spanish version that text is longer so the rest of the content in the header gets pushed under it expanding the header.

    My fix: add word wrapping to the text that pushes the rest of the content by placing it in a div with a fixed width value.