Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 4, 2020 at 5:49 pm #1181398
    brandpirate

    Hey there,

    I have a rare issue that the logo of my clients site is being displayed with Safari and Chrome, but not with Firefox (Mac, Ver. 72.0.2, Firefox Developer Tool: viewport for iPad (landscape & portrait) and Desktop). The logo is displayed when I set the viewport to Mobile (e.g. iPhone 7).

    As mentioned the logo appears in all other Browsers with all viewports as intended.

    Could you pls give me a solution?

    Regards
    Manu

    February 4, 2020 at 6:26 pm #1181431
    Victoria

    Hey Manuel,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    February 25, 2020 at 1:54 pm #1187687
    brandpirate
    This reply has been marked as private.
    February 25, 2020 at 2:39 pm #1187694
    Tina Billinger

    Hey brandpirate!

    Thanks for the link
    Firefox requires the SVG image to have a numerical height in order to display it reliably.

    Just add this snippet into your Quick CSS field, and it should work:

    
.logo img{
   height: 100% !important;
}

    You can find your Quick CSS field in the Enfold theme settings -> General Styling

    Cheers,
    Tina

    February 25, 2020 at 5:50 pm #1187793
    brandpirate

    Hey Tina,

    thanks for your reply. Works like charm. <3

    Manu

    /closed

    February 25, 2020 at 10:34 pm #1187874
    Victoria

    Hi Manu,

    Glad we could help :)

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

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