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;
}
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
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
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
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
Hi Jane,
Try to remove this from your CSS:
background: url(‘[website url]_Logo.svg’) no-repeat;
Best regards,
Rikard
Hi Rikard
Works now – thanks very much!
Jane
Hi Jane,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria