Jump to content

Unwanted White Border During Site Load

Recommended Posts

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

Site-Issue-White-Border.jpg

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 by andyquella
Link to comment
  • andyquella changed the title to Unwanted White Border During Site Load
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.