Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 3, 2023 at 10:19 am #1396528
    Vera

    Hi,

    on the site below I use the stretched header. This worked fine. The logo (left) and hamburger icon (right) were aligned with the next/prev navigation arrows.
    But now the header has become somehow (suddenly) more narrow.

    Best regards,
    Vera

    February 4, 2023 at 10:46 pm #1396689
    Mike

    Hey Vera,
    Thanks for the link to your page, it looks like you have this custom css:

    .container {
    max-width: 90% !important;
}

    which is making the header container smaller, the header container is set to 96% which lines up your logo and burger menu with the arrows:

    .html_header_top #top .av_header_stretch .container {
    width: 96%;
    padding: 0;
    max-width: 100%;
}

    Try changing your .container to something more specific like this:

    #av-tab-section-1 .container {
    max-width: 90% !important;
}

    Best regards,
    Mike

    February 6, 2023 at 9:11 am #1396826
    Vera

    Hi Mike,

    great, that works.

    Again thank you very much for your support.

    Best regards,
    Vera

    February 6, 2023 at 12:33 pm #1396837
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Streched header issue’ is closed to new replies.