Floating Icon Top Right Hand Corner, Above Content

You would need to put it in the Before Header hook, then give it a class and some CSS:

.my-floating-image {
    position: fixed;
    top: 20px;
    right: 20px;
}

Something isn't quite right!

I'd tried it here: http://solarpanelpower.ca/

For some reason not right had side, nor floating on content.

Did you add the image? I don't see it on that page.

yup check http://solarpanelpower.ca!

This is what I see: https://s28.postimg.org/dizua04yl/solar.jpg

Am I missing the image somewhere?

Oh what the heck. Probably my cache. Just out the door.. let me ping you in few hours

Sorry for the confusion, can you check again please?

k now I see two of those images.

You don't need the dot before saskpowericon class in your image HTML.

Shoot obvious mistake! Ammended, but problem persists - no change

Looks like it's working to me. You might need to clear cache.

Oh my gosh... this W3 plugin is driving me crazy. Thanks for the help!

You're welcome :)

Might be easier to turn off the plugin when you are developing the site!

One more thing, what CSS can I use to drastically decrease the size on mobile! Not looking good there lol - too big!

Rylan

Try something like this:

@media (max-width: 768px) {
    .saskpowericon {
        max-width: 100px;
    }
}