justin/new-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tawk mobile UX: hide widget on small screens to stop text overlay popups

Browse source 
Adds Tawk_API.onLoad mobile guard (max-width 768px -> hideWidget) in shared
footer snippet and current built pages so mobile browsers no longer get the
proactive text bubble covering content.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
justin 2026-06-01 12:31:01 -05:00
parent 02112facf5
commit 3d611e97a4
63 changed files with 378 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
site/public/404.html
View file

@ -62,6 +62,12 @@ Back to sign in
Send reset link
</button> </form> </div> </div> </div> </div> <!-- Tawk.to Live Chat --> <script>
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
// Mobile UX: suppress proactive popup text overlays on small screens.
Tawk_API.onLoad = function() {
if (window.matchMedia('(max-width: 768px)').matches) {
Tawk_API.hideWidget();
}
};
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;