Hello Webflow Community,
I’ve designed and published several websites on WebFlow, and it has come to my attention that every single one of them is showing the same error (14 times) in the Console log:
Uncaught TypeError: Cannot read properties of null (reading ‘remove’)
at :1:110
However, I don’t understand what is causing this issue and how to resolve it. On some websites I’ve integrated some JS, and on another some jQuery. My custom code is either in the project settings on a CDN file, or in the page settings before the tag.
I’m attaching the Read Only of one of the “simpler” websites where the issue appears. Here is the only code that I have in my project settings:
At the end of head (media queries for iPad Pro)
<style>
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
body {
cursor: default;
}
.cursor-wrapper {
display: none;
}
a {
cursor: pointer;
}
}
/* Portrait */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
body {
cursor: default;
}
.cursor-wrapper {
display: none;
}
a {
cursor: pointer;
}
}
/* Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
body {
cursor: default;
}
.cursor-wrapper {
display: none;
}
a {
cursor: pointer;
}
}
</style>
Before /body
<script>
// © Code by T.RICKS, https://www.tricksdesign.com/
// You have the license to use this code in your projects but not redistribute it to others
// .cursor class needs to have a mouse click interaction applied
$('a').mouseenter(function() {
$('.cursor-wrapper').click();
});
$('a').mouseleave(function() {
$('.cursor-wrapper').click();
});
</script>
I appreciate every insight on this! Thank you very much.
Here is my site Read-Only: Webflow - Trio Pantoum
(how to share your site Read-Only link)
