Hello, when I tried to embed my show in my site in browsers like Edge or Safari, it doesn’t show up. Only a link to the shop appears. In Chrome it works though. Why does it happen?
Thanks
Can you please post a link to your embedded shop please so we can have a look?
Thanks 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Brokenhouse Company</title>
<!-- FAVICON -->
<link rel="shortcut icon" type="images/x-icon" href="http://www.brokenhousecompany.it/favicon.ico">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="stile.css">
<!-- VIEWPORT -->
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=100.0">
<!-- JQUERY -->
<script type="text/javascript" src="../jquery/jquery-3.2.1.js"></script>
<!-- FLEXSLIDER SLIDESHOW -->
<script type="text/javascript" src="assets/js/jquery.flexslider-min.js"></script>
</head>
<body>
<!-- POPUP -->
<div id="overlay" class="nascondi"></div>
<!-- CONTENITORE -->
<div id="container">
<!-- LINGUAGGIO -->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Brokenhouse Company</title>
<!-- FAVICON -->
<link rel="shortcut icon" type="images/x-icon" href="http://www.brokenhousecompany.it/favicon.ico">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="stile.css">
<!-- VIEWPORT -->
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=100.0">
<!-- JQUERY -->
<script type="text/javascript" src="../jquery/jquery-3.2.1.js"></script>
<!-- FLEXSLIDER SLIDESHOW -->
<script type="text/javascript" src="assets/js/jquery.flexslider-min.js"></script>
</head>
<!-- LINGUA -->
</html><!-- MENU -->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Brokenhouse Company</title>
<!-- FAVICON -->
<link rel="shortcut icon" type="images/x-icon" href="http://www.brokenhousecompany.it/favicon.ico">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="stile.css">
<!-- VIEWPORT -->
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=100.0">
<!-- JQUERY -->
<script type="text/javascript" src="../jquery/jquery-3.2.1.js"></script>
<!-- FLEXSLIDER SLIDESHOW -->
<script type="text/javascript" src="assets/js/jquery.flexslider-min.js"></script>
</head>
<!-- MENU -->
<div id="menu">
<div id="elemento" class="menuh"><p><img src="../immagini/Brokenhouse Company [2015].png" height="50px" width="50px" align=center onClick="window.open('http://www.brokenhousecompany.it/it/index.php')" style="cursor:pointer"></p><div id="hamburger" align="center"><img src="../immagini/menu.png" onClick="mnh()" width="30px" height="30px"></div></div>
<div id="elementi1" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/album.php')" style="cursor:pointer">musica</p></div><div id="elementi2" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/video.php')" style="cursor:pointer">video</p></div><div id="elementi3" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/moda_arte.php')" style="cursor:pointer">moda & arte</p></div><div id="elementi4" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/libri.php')" style="cursor:pointer">libri</p></div><div id="elementi5" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/app.php')" style="cursor:pointer">app</p></div><div id="elementi6" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/design.php')" style="cursor:pointer">design</p></div><div id="elementi7" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/blog.php')" style="cursor:pointer">blog</p></div><div id="elementi8" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/servizi.php')" style="cursor:pointer">servizi online</p></div><div id="elementi9" class="menuh"><p onClick="window.open('http://www.brokenhousecompany.it/chi_siamo.php')" style="cursor:pointer">chi siamo</p></div>
</div>
<script>
if (screen.width > 768) {
$("#hamburger").addClass("nascosto");
}
function mnh() {
$('#elementi1').toggleClass('nascosto');
$('#elementi2').toggleClass('nascosto');
$('#elementi3').toggleClass('nascosto');
$('#elementi4').toggleClass('nascosto');
$('#elementi5').toggleClass('nascosto');
$('#elementi6').toggleClass('nascosto');
$('#elementi7').toggleClass('nascosto');
$('#elementi8').toggleClass('nascosto');
$('#elementi9').toggleClass('nascosto');
}
</script>
</html>
<!-- CONTENUTI -->
<div id="contents">
<!-- SPREADSHIRT -->
<div id="myShop">
<a href="https://shop.spreadshirt.it/divi">divi</a>
</div>
<script>
var spread_shop_config = {
shopName: 'divi',
locale: 'it_IT',
prefix: 'https://shop.spreadshirt.it',
baseId: 'myShop'
};
</script>
<script type="text/javascript"
src="https://shop.spreadshirt.it/shopfiles/shopclient/shopclient.nocache.js">
</script>
</div>
<!-- FOOTER -->
<div id="footer">
<!-- FOOTER -->
<h1>Copyright © 2019 Brokenhouse Company</h1><div id="gruppo"><div id="contatti"><img src="../immagini/facebook.png" onClick="window.open('https://www.facebook.com/brokenhousecompany/')" style="cursor:pointer"></div><div id="contatti"><a href="mailto:info@brokenhousecompany.it?subject=Info"><img src="../immagini/mail.png"></a></div><div id="contatti"><img src="../immagini/youtube.png" onClick="window.open('https://www.youtube.com/user/BrokenhouseCompany')" style="cursor:pointer"></div></div>
</div>
<!-- GOOGLE ANALYTICS -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-18057255-1', 'auto');
ga('send', 'pageview');
</script>
</div>
</body>
</html>
Can you please check your HTML code first.
If you need help, we’re here to help.
1 Like