Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1013899

    Hi,

    I changed the logo to svg using the code below but now I cannot click the logo as a link to the homepage and when the screen size is reduced in size to tablet or mobile, the logo changes position to very top of page and padding is lost.

    Please can you tell me what I have done wrong? And is there a solution?

    Thanks

    Jane

    .responsive .logo a {
    display: none;
    }

    .logo {
    background: url(‘[website url]_Logo.svg’) no-repeat;
    width: 350px;
    height: 50px;
    }

    #1013992

    Hey jscarlett,

    It looks like you have this CSS in Quick CSS, could you try to remove that to see if it helps please?

    .responsive .logo a {
        display: none;
    }

    Best regards,
    Rikard

    #1014035

    Hi Rikard

    I have removed that from the Quick CSS but now I have two logos that don’t line up.

    Do I need to make one of them transparent? I read that somewhere but couldn’t work out how to do it.

    Thanks

    Jane

    #1014046

    Hi Jane,

    Thanks for the update, the link is working now on my end though, and you are still using the SVG logo. Did you manage to get it working?

    Best regards,
    Rikard

    #1014078

    Hi Rikard

    Yes the link is working again thank you. How do I remove the second logo because I still have the two logos overlapping which is much more apparent on mobile view?

    Thanks
    Jane

    #1014116

    Hi Jane,

    Try to remove this from your CSS:

    background: url(‘[website url]_Logo.svg’) no-repeat;

    Best regards,
    Rikard

    #1014149

    Hi Rikard

    Works now – thanks very much!

    Jane

    #1014354

    Hi Jane,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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