href links work locally but not live?

Question

Href links are working fine locally but not live. Looking into it, I see that there is an issue with hover states on touchscreen devices. I thought that was my only issue, but it seems as though the links are not clicking through at all now.

UPDATE - Discovered I'm also getting a console error message as follows:

Refused to display 'http://www.youtube.com/watch?v=0lC8A0P4y00' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

Refused to display 'https://www.facebook.com/yiddishtwist?fref=ts' in a frame because it set 'X-Frame-Options' to 'DENY'.

Refused to display 'https://soundcloud.com/loya/sets/yto-forthcoming-debut-album' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

HTML

<a href="https://www.facebook.com/yiddishtwist?fref=ts">
                    <img src="images/facebook.png" height="62" alt="facebook link" /></a>

There is no JS on the site, with the exception of the following, copy pasted from Mailchimp and placed inside my head:

JS

<script type="text/javascript">document.createElement('header');
document.createElement('footer'); document.createElement('section'); 
document.createElement('article'); document.createElement('aside'); 
document.createElement('nav');</script>

I can't imagine that CSS is interfering, but just in case, here is my image hover state: CSS

section img:hover {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

}

Grateful for any thoughts.

Answer 1

Your whole website is sat in one big frame, the actual site is http://yto.lemezandfridel.com/

The Facebook, Youtube and Soundcloud links are refusing to load in a frame, thanks to protection against clickjacking attacks.

The short-term solution is to add target="_top" to those links and they will load in the parent page and not the frame.

The long-term solution is not to frame your page in the first place