Contact Widget Icon Problem


In the home page of
the Contact widget’s icons are still displaced. Earlier solution given by you for Services widget is working. But for Contact it’s not working. Please check the screenshot below with markings.
The left side is email icon from mid section and phone icon is nowhere. At right side there’s the Go Up
icon. The arrow in the middle too is displaced. I even deleted the whole Contact widget and re-entered
again. But the problem is same. Rest of the site is working fine. Any solution for this ?


Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .widget_perth_contact_info div[class*="contact-"] span {
      position: relative;

    .widget_perth_contact_info div[class*="contact-"] span svg {
      top: 9px;
      left: 9px

    .go-top svg {
      position: static;



Thanks guys and it’s working !


You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.