svg icons not displaying in header

Hi, We installed a wp-rocket cache plugin and the svg icons in header stopped displaying (for “technical support” and “worldwide delivery”)

We have cleard cache and deactivated the plugin but still icons are not displaying, we tried editing the header and icons showing in editing mode but not showing in browser view. Can you check it please.

Regards

Hello,

Please check the WP-Rocket settings and make sure you have configured everything correctly: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/#Step_4

Let us know if the problem remains.

Best Regards

Hi,
I tried editing some of the options in wp-rocket settings but the svg icons in header still not showing up, can you please help restoring it back on priority. Also if possible would request you to update wp-rocket configuration so that our site can load fast.

Regards

Hello,

We now check and do not see any problems with the icons.

https://monosnap.com/file/KMHHEwxEl8iJjCqOPkxlibV1IYsbuH

Please provide the steps to reproduce the problem.

Best Regards

Hello Elise

Your reply is getting received approx after 2 days gap, the issue was urgent to resolve as the site is live, The SVG icons in header were not displaying so we converted it to PNG and uploaded (its not displaying as clear as SVG), can you check updating it to SVG again and it’ll show the error

Regards

Hello,

We are sorry for the delay.

Please try to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/l897ta

Then you will need to re-upload your icons in WordPress Dashboard.

Best Regards

Hi
We couldn’t open the url http://prntscr.com/l897ta its showing image display error, can you forward again so that we can check the process
Regards

Hello,

Please check this one: https://gyazo.com/8ab7cb9db3dc3f6471aca9d1f480f566

If you have any questions please feel free to contact us.

Best Regards

Hi
I tried adding svg icon “support.svg” instead of “support.png” in the header section but its still not displaying (please check attached screenshot), can you check it
Regards

Attachments:

You must be logged in to view attached files.

Hello,

SVG icons are not displayed as your server has the option allow_url_fopen disabled.

Please contact the host support and ask them to enable the option.

If you have any questions please feel free to contact us.

Best Regards

Hi
We’re facing another issue i.e. the header burger menu and bottom menu button is not clickable on mobile device, is that something related to the svg icons issue ?

Regards

Hello,

I am checking and I cannot catch the issue: https://gyazo.com/03497ed452c78690708bfcbfd2521ccc and https://gyazo.com/7ce108b19e5c022ec22058d7bdcb822a

If you have any questions please feel free to contact us.

Best Regards

yes thanks, the menu button issue and svg icons issue have been fixed. Would request you to check our site is showing low speed on https://gtmetrix.com/reports/hub.b2u.ae/8xLuU65P/

Is there any configuration we have to make in wp-rocket so that our website shows high rating on https://gtmetrix.com/reports/hub.b2u.ae/8xLuU65P/

Regards

Hello,

Please follow this documentation and configure the site and WP Rocket plugin: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts