Menu, speed and logo fixes on a translation agency's site

Over a year, a German agency brought me separate problems on a translation agency’s site in three languages. Each of them was something visitors hit directly.

At some screen widths the header broke and the language switch slid off the screen. I replaced the fixed widths of the header container and one button with flexible ones, so the longest version, German, fitted at every width. On phones the submenus could not be reached. I recorded the options, and together with the agency we chose one: a parent item opens its page, and a separate plus/minus button opens its subitems one at a time. I tested it on an old iPhone and put it on the test server for the client.

The site was also slow. The tag manager and the consent script loaded two or three times, from the theme and from a plugin. I found the duplicates and set them out for the agency to choose which to keep. Images were two to three times larger than shown, so I optimised them, set up caching and fixed the heading order. After that, PageSpeed runs came out close to 100 on mobile and desktop.

Later the logo disappeared on the language versions. Its path was built from the site address, so I switched it to the theme folder path, and the logo worked under every language prefix.