Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1154009

    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/)

    • This topic was modified 5 years ago by Rikard.
    #1154170

    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

    #1154175

    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

    #1154269

    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

    #1155309

    You can close thanks

    #1155465

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header showing double/second logo on top of another one??’ is closed to new replies.