Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2024 at 10:18 pm #1443955
    JoeSurf

    I’ve uploaded an SVG file via the Enfold settings for my site logo. While the SVG logo appears fine across browsers on desktop, the iPad, and Android devices, for some reason it doesn’t show on iPhones.

    The logo does appear when inspecting the site via the iPhone view using Chrome Dev Tools. But not on the actual device. In Dev Tools you can see the code in the site’s header for the SVG code for the logo. However, the image just doesn’t appear.

    Any help would be greatly appreciated. Thanks.

    May 18, 2024 at 8:58 pm #1444393
    Mike

    Hey JoeSurf,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width:767px){
.responsive .logo img, .responsive .logo svg {
height: 282px !important;
}
}

    Then clear your browser cache and any cache plugin, and check.
    Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    May 19, 2024 at 5:02 am #1444471
    JoeSurf

    Thanks so much. That worked!

    May 19, 2024 at 11:26 am #1444504
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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