Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 7, 2021 at 3:03 am #1331778
    cab72

    Hi,

    Using the centred header with menu above.

    When viewed in the mobile view – the bottom half of the logo is cut off.

    Any ideas how to fix this so that the whole logo is visible?

    Many thanks

    Carole

    December 7, 2021 at 7:29 am #1331806
    Ismael

    Hey cab72,

    Thank you for the inquiry.

    Try to use this css code to adjust the size of the logo on mobile view.

    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
        position: relative;
        height: 70px !important;
        width: 50%;
        top: 5px;
    }
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings before checking the page or after adding the modification. This is how the header should look like afterwards.

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvvQ7BQVOMTXtf-Lg3

    Best regards,
    Ismael

    January 7, 2022 at 5:04 pm #1334700
    cab72

    Thanks Ismael – this worked !

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Logo cut off in mobile view’ is closed to new replies.