Home Forums WoodMart support forum Problem with header interference

Problem with header interference

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #605892

    saadeldeen.mee
    Participant

    I am tired of this problem and I have contacted you many times to solve it and you gave me a temporary solution. Unfortunately, it did not work when the language was changed and the header also interfered. Please give me a final solution, please. We are suffering from this problem.

    Attachments:
    You must be logged in to view attached files.
    #606081

    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.

    #606142

    saadeldeen.mee
    Participant

    Dear brother, to solve this problem, please write a code that makes the header a scroll below the roar. When the texts increase, the user can scroll from right to left smoothly.

    #606372

    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.

Viewing 4 posts - 1 through 4 (of 4 total)