Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 25, 2021 at 12:50 pm #1318273
    jannnnnneke

    Hi there,

    My logo on mobile was the default logo but the page has transparency header so it needs to be the white version of the logo. I changed that by adding this css (found on this forum):

    @media only screen and (max-width: 989px) {
    .logo img {
    opacity: 0 !important;
    }
    .logo a {
    background-image: url(xxx) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    }
    }

    That works, but the logo on mobile has no padding around. On tablet it does. Can you help me so it looks fine on mobile? See link in private data.

    Thanks a lot!

    August 25, 2021 at 3:51 pm #1318311
    Nikko

    Hey jannnnnneke,

    Please add this CSS code as well:

    @media only screen and (max-width:767px) {
    #top .logo a {
        margin-top: 12px;
        display: block;
    }
}

    Best regards,
    Nikko

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