NB1986

If anybody knows of a few lines of code which say *Disable this script if screen size is 640px wide it would be very much appreciated!

Hi All, I am struggling with Parallax on mobile and I wanted to know if there is a line of code I can insert in the header code injection that will enable me to keep the effect on desktop versions of the site. Site in question : www.nicolebarton.co.ukSite Style: Bedford You can see on the mobile version I am getting bars appear on the top / bottom when viewed in the mobile format. I have copied my Parallax code below, which sits in Settings>Advanced>Code Injection <!-- Parallax --> <script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image'; if (document.querySelector(targets)) { var rellax = new Rellax(targets, { speed: -3, center: true }); } }); </script> <!-- end Parallax --> Ideally this would be a few lines of code at the end that states if a page is 640px wide then it will disable this particular piece of code. Any help greatly appreciated!

The site is www.nicolebarton.co.uk

Hello! So, I've had quite a lot of success being able to change the fonts across my site with CSS depending on the block used. However, I cannot get this to apply to the Promotional Popup. For example, I currently have the following: h1, h1 a, h1 blog title, entry-title { font-family: 'Wilderness'; } So that my blog titles etc are all my custom h1 font. However, this does not seem to be overriding within the popup and it is maintaining the font listed in the Site Styles. Is there a special identifier such as "h1 promotional" that can be used? I've tried using an inspect field in chrome to determine the data range, but using ".sqs-slide-wrapper", ".sqs-slice-heading" and ".sqs-popup-overlay" seem to have no affect. Any help is greatly appreciated!

Unfortunately I'm using the Bedford template, so this doesn't appear to be possible to have turned on.

Hi, I have added some custom font types to my website using the Custom CSS function, and for the most part, my custom styles are loading fine. Where I am having issues, is that pre-loaded fonts do not always show correctly within my website and default back to what is set in the sites styles. As a few examples, the code I am using is as follows. h1, h1 a, h1 blog title, entry-title { font-family: 'Wilderness'; } h2 { font-family: 'Wilderness'; } normal { font-family: 'Laski Sans'; } Wilderness is the custom font, that loads fine. Where I am having issues is the Laski Sans, which is a preexisting font on Squarespace. Even having this selected as Laski Sans in the site styles see's it not retain the font face and switch to another random font style. Is this a known / recurring issue for people? Is there a way to resolve and work around. It is also worth noting this largely tends to occur with card blocks, also if I click the card in page mode the font will correct itself. Then change back after a few hours/if I come on the next day. Thanks in advance!