Problem with header interference

Hello,

Actually, the issue is that you have added too much content and items on the boxed header. That is why it does not allow to make more space on the header to adjust the lengthy words in other languages, please try to add the below custom CSS code as well to adjust and make more space on the header for content:

.wd-tools-element>a {
    padding-inline: 2px !important;
}

Best Regards.

Hello,

Adding horizontal scroll to the header is only possible with the CSS property “overflow,” which will cut off any content that exceeds the header’s line, making dropdowns inaccessible. The only truly effective way to resolve this issue is to monitor the width of the content in all languages and ensure that the header’s width always accommodates all content.

Possible solutions:
1. Reduce the font size of the text (e.g., from 13px to 12px).
2. Replace text with more concise wording (e.g., change “Services d’échange” to “D’échange”).
3. Decrease the number of elements in the header (e.g., move the “FAQs” menu item to the footer).
4. Hide icon labels (e.g., hide the word “Wishlist” and leave only the heart icon, as is done with the search).
5. Reduce the spacing between elements in the header (from 20px to 16px).
6. Expand the entire boxed wrapper of the site (from 1200px to 1250px).

Best Regards.