Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1479179

    Hi,

    Our blog page isn’t viewing correctly in Safari in terms of the SVG icons for ‘Search’ and ‘LinkedIn’ – top right in the header – they are oversized. The LinkedIn logo at the bottom in the Footer Socket is also oversized.

    The blog layout is also showing a ‘square icon’ after Read More and a larger ‘>’ icon than it should be.

    All other pages and icons seem to be ok.

    I’m guessing this is something to do with changing icons to SVG but I can’t find where to fix it for this Blog page.

    Thanks
    Grainne

    #1479237

    Hey Grainne,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1479554

    Hi Rikard,

    Thank you, details are in the private content section.

    Kind Regards,
    Grainne

    #1479580

    Hi,

    Thank you for the info.

    We were not able to access the site because 2FA is enabled. Please disable it temporarily.

    Best regards,
    Ismael

    #1479633

    Hi,

    2FA has been disabled, please go ahead.

    Thanks
    Grainne

    #1479675

    Hi,

    2FA is still enabled.

    View post on imgur.com


    Best regards,
    Ismael

    #1479697

    Hi Ismael

    Sorry! There are 2 plugins with 2FA and I’d only turned one of them off.

    Hopefully, you should be able to log in now.

    Thanks
    Grainne

    #1479762

    Hi,

    Thank you for the update.

    We added this code in the Quick CSS field to adjust the size and color of the icons on Safari.

    #top #menu-item-search .avia-svg-icon svg, #top .av-logo-container .social_bookmarks li a svg  {
        width: 18px;
        height: 18px;
        color: white;
        fill: white;
    }
    

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    #1479786

    Hi Ismael,

    Thanks for that but it looks like it’s still doing it and I’ve cleared the cache – server side and browser side.

    It also still shows this bit “The blog layout is also showing a ‘square icon’ after Read More and a larger ‘>’ icon than it should be.”

    You can see it here in all 3 places: https://imgur.com/a/PcY3cPR

    Thanks
    Grainne

    #1479931

    Hi,
    I can not reproduce when I check your site in Safari.

    Best regards,
    Mike

    #1480062

    Hi Mike,

    Someone at Kriesi had disabled a few plugins and hadn’t re-activated them (Wordfence, Speed Optimizer and WP Rocket).

    It looks like the WP Rocket plugin was causing the problem as the issue returned when I activated it.

    Thanks for your help
    Grainne

    #1480071

    Hi,
    Ok, Glad to hear that you have this sorted out, shall we close this thread then?

    Best regards,
    Mike

    #1480110

    Yes.
    Thanks for all your help
    Grainne

    #1480128

    Hi,

    Thanks for the update, we’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 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Blog page isn’t viewing correctly in Safari’ is closed to new replies.