I have an embed link of my PolarSteps profil on my website as an iframe. It's working perfectly fine on desktop. On mobile browser like Safari and Chrome, Polarsteps is no longer navigable, but every click on the iframe will open a new tab with the Polarsteps site. When I switch to desktop version on my phone in Chrome, it works as expected though. How can I trick Polarsteps to always show the desktop version. My code so far:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mytitle</title>
<link rel="icon" type="image/x-icon" href="./favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
}
iframe {
width: 100dvw;
height: 100dvh;
border: 0px;
overflow: hidden;
}
</style>
</head>
<body>
<iframe src="https://www.polarsteps.com/myname/myid/embed"></iframe>
</body>
</html>
I tried to fake the width, but I think they check the user agent. My understanding of this is limited and I understand that this may be not solvable, because I can't alter an iframe.