Icons on my site are not loading. Example is the add botton, it's just displaying a blue circle without the white plus sign.
Another example is the social media icons at the footer, they are all showing blank.

The location stated on my site header image is wrong, how do I fix it to start showing the right location or change to a static text?

How do i change the text in the search input box? Ex, car, phone house.

I attached a screenshot of the issues.

@Theboss
Make sure you do not block these scripts.
Check your console on desktop.

Same on desktop view. I tried another of your theme "Veronika" and it's the same icon issue. Please guide me on how to solve this issue, I truly love the stela theme.
You didn't answer my other question

I do I know if these scripts are blocked?

@Theboss
By your browser.

I've tried 3 different browsers. Why didn't the browser block the script on your demo site?

Please answer my other questions.

I though you are testing on our demo site. What is your url?

@Theboss
You have it in error log:
(index):1 Access to Font at 'https://puppy.com.ng/oc-content/themes/stela/fonts/fa/fonts/fontawesome-webfont.woff2?v=4.7.0' from origin 'http://puppy.com.ng' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://puppy.com.ng' is therefore not allowed access.
(index):1 Access to Font at 'https://puppy.com.ng/oc-content/themes/stela/fonts/fa/fonts/fontawesome-webfont.woff?v=4.7.0' from origin 'http://puppy.com.ng' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://puppy.com.ng' is therefore not allowed access.
(index):1 Access to Font at 'https://puppy.com.ng/oc-content/themes/stela/fonts/fa/fonts/fontawesome-webfont.ttf?v=4.7.0' from origin 'http://puppy.com.ng' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://puppy.com.ng' is therefore not allowed access.

You site is blocking some content.
There is easy way to enable it fonts and css for CORS policy via htaccess.

Try this:
# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

# nginx config
if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
add_header Access-Control-Allow-Origin *;
}

or
# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute
<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    # mod_headers, y u no match by Content-Type?!
    <FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
      SetEnvIf Origin ":" IS_CORS
      Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
  </IfModule>
</IfModule>
# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

or check google....

Thank you, the icons are showing now.
Please can you answer my other questions?

@Theboss
1) Location is retrieved via PHP geolocation script. It use IP and may not be accurate in some location, you can find code in main.php
2) You can edit text via translation