Moving Contact Page link to beside social media icons

You can use trick, making the contact page as a “social icon” ->

https://themesandco.com/snippet/adding-custom-social-profile-link-icon-header/

which is valid but, you have to replace, from that snippet this:
$class = ('resp' == $resp) ? '':'span5';
with this:
$class = 'span5';

Great plan – I was thinking somewhat the same thing actually. ??

I am having a little trouble with maintaining the icon though. When I input the following into the CSS field it changes after saving – adding ‘/’ in places and disabling the code.

What I add:

.custom-icon:before {
content: “”;
width: 103px;
height: 20px;
display: inline-block;
background: url(‘https://staging.albertaequestrian.com/wp-content/uploads/2015/03/Contact_AEF_2.png’) no-repeat;
background-size: 103px 20px;
}

What it changes to after saving:

.custom-icon:before {
content: \”\”;
width: 103px;
height: 20px;
display: inline-block;
background: url(\’https://staging.albertaequestrian.com/wp-content/uploads/2015/03/Contact_AEF_2.png\’) no-repeat;
background-size: 103px 20px;
}

Ah,
since some versions ago you cannot use quotes and double quotes anymore in the custom css box. ?? (due to some new restricting wp rules for themes with custom css box) so when you have some css which needs to use them you have to put it in your child-theme style.css.

Hope this helps.

cool – that makes sense… working sense anyway ??

I appreciate your help.

Well… we thought this would work but I just tried it and no such luck.

albertaequestrian.com – the link is there but the image will not show. I added the code to the style.css and nothing is there I’m afraid ??

Mmm, I can see the image there,
https://www.albertaequestrian.com/wp-content/uploads/2015/03/Contact.png

But you can even use content:'Contact'; if you need to show just chars

Ahhh… looks like this isn’t compatible with Chrome. Works well in Firefox and Safari though…. not sure about Explorer versions.

Thank you for your help.

mm I use chrome ??
maybe a cache issue?
Have you tried to clean your browser cache or forcing the refresh with
ctrl+shitf+r ?

you are a patient man…. ?? I have so much ‘fun’ withChrome when it comes to cache issues… you think I’d learn…. ?? Perfect now

Thanks man ??
Glad you solved ??