Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 11, 2019 at 8:40 pm #1077464
    andras

    Hi,

    I have used the below code to display an svg format logo; it works fine except on mobile screens, where the standard Enfold logo is also displayed.
    What could I do?

    .logo img {
    display: none;
    }

    .logo {
    background: url(‘LOGO LINK’) no-repeat;
    width: 300px;
    }

    #header.av_header_transparency .logo {
    background: url(‘LOGO LINK’) no-repeat;
    width: 300px;
    }

    March 13, 2019 at 8:05 am #1078112
    Rikard

    Hey andras,

    Please try the following in Quick CSS under Enfold->General Styling:

    .logo img {
  display:none;
}

    Best regards,
    Rikard

    March 13, 2019 at 9:00 am #1078166
    andras

    Hi Rikard,

    Thanks – as you can see above, it was already there. However, I have now added an !important; tag and it is fine.

    Nevertheless, there is now no logo displayed when the burger menu appears.

    Could you help me with how to address the svg logo size only when the mobile menu appears please?

    Thanks,
    Andras

    March 14, 2019 at 2:02 pm #1078695
    Rikard

    Hi Andras,

    The logo is there but it’s white, you could select a different logo in your code and place it inside a media query for instance which targets mobile sizes?

    Best regards,
    Rikard

    March 14, 2019 at 9:09 pm #1078866
    andras

    Hi Rikard,

    Thanks for your answer – unfortunately there’s still no success.

    Would you be able to look into it? Please find temp admin login details below.

    March 16, 2019 at 9:36 am #1079403
    Rikard

    Hi,

    CSS applying to your site:

    #header.av_header_transparency .logo {
    background: url(//angolnyar.hu/media/ANY_white.svg) no-repeat;
    width: 300px;
}

    Change that to a different logo which is not white and you will see it. Please note that this is not a theme problem, if you want to customise it then it’s up to you.

    Best regards,
    Rikard

    March 16, 2019 at 11:54 am #1079424
    andras

    Thank you, Rikard.

    From your comments I finally understand that the issue was that the default header in mobile view inherits the transparency header options.

    Indeed, this is not a fault with the theme, but it is also not made clear – it would have been helpful to communicate this clearly.

    Thanks,
    Andras

    March 17, 2019 at 5:02 pm #1079641
    Victoria

    Hi Andras,

    Glad you got it all figured out.

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

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