Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 5, 2024 at 2:17 am #1448380
    robertbwc

    Hello,

    When a customer lands on one of our pages, there is a comfortable margin between the bottom of our logo and the “grey” separator line at the bottom of the header.
    EX:
    2024-06-04-17-06-04-1

    However, if a user scrolls down, the logo reduces in size and loses the bottom margin and is sitting right against the grey line.
    EX:
    2024-06-04-17-07-10-2
    2024-06-04-17-07-59-3

    Is there any way to keep a margin even when the logo reduces in size when someone is scrolling?
    Thank you

    June 5, 2024 at 5:41 am #1448391
    Ismael

    Hey robertbwc,

    Thank you for the inquiry.

    We may need to inspect the site in order to provide an appropriate solution. Please post the site URL and any related details in the private field.

    Best regards,
    Ismael

    June 5, 2024 at 8:17 am #1448444
    robertbwc

    Hello Ismael,

    Thank you for your help.
    Here is the address of the website:
    https://orders.blackwireconsulting.com

    Credentials are in the private content section below :)

    June 5, 2024 at 8:48 am #1448448
    Ismael

    Hi,

    Thank you for the info.

    You can add this css code to adjust the size of the logo on scroll:

    #header.header-scrolled .avia-standard-logo img {
    padding-top: 10px;
    height: 32px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.