andyquella Posted March 27 Share Posted March 27 (edited) Hi Squarespace Community – I'm experiencing an issue with my company site and could use some help troubleshooting. In short, I noticed an unwanted white border appearing around site content during page load, specifically on mobile (Brave, Chrome, Safari, Firefox) as well as desktop (Safari). Included a link to the site below and attached screenshot of the issue on mobile (iPhone SE, Brave). Link: www.newinkmedia.co I've already tried the following code to remove any outlines from the :focus pseudo-class element with no luck. :focus, a:focus { outline: none !important; outline-color: #000 !important; border: none !important; } Furthermore, I do have some custom code implemented so the background header image is clickable as well as a loading GIF; however, I removed both sets of code to see if that was causing the unwanted white border but it doesn't appear to be the case. Here's the custom code for reference. Background Image – Clickthrough URL <script> $(document).ready(function(){ $('[data-section-id="5f0d27519716383665bf4819"].page-section').click(function(event){ event.preventDefault(); window.location = "https://newinkmedia.co/"; }); }); </script> Site Loading – GIF <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(2000).fadeOut(0); }) </script> I haven't updated the site in a few weeks and prior to that everything was functioning properly. No white border appearing on page load. Not sure if there was a recent update to Squarespace 7.1 templates or something else causing the issue. Either way, any help or suggestions would be greatly appreciated. Thanks much, Andy Edited March 27 by andyquella Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment