Hi – the menu on my site is showing two logos, one on top of the other. It is an svg graphic. It is doing on both desktop and mobile but more obvious on mobile.
If I delete the image in Theme Options: Logo, then it displays the Frontpage name text on top layer instead of the second logo. Not sure where the first logo (the underneath one) is coming from.
There is this code in the custom css that is maybe part of the problem?
/* using svg image as logo */
.logo img {display: none;}
.logo { background: url(‘http://slcontractors.co.za/wp-content/uploads/2019/01/sl-contractors-logo-horiz-1.svg’) no-repeat; width: 300px; height: 59px;}
But if I delete that css then I get nothing in that logo space. (copied code from https://kriesi.at/support/topic/use-svg-as-the-logo/)
Hey patricknh,
This CSS doesn’t seem to be applying:
.logo img {display: none;}
When I add that in the browser it seems to work as expected.
Best regards,
Rikard
Hi Rikard,
I cut out the CSS from the Child theme and pasted it into the ‘Quick CSS’ box in “General Styling” and added !important to that line and now its working?!
Not sure what the issue is but anyway, that solved that problem!
Thanks
Hi,
Great, I’m glad that you got it working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can close thanks