Jump to content

TLCDesigns

Circle Member
  • Posts

    35
  • Joined

  • Last visited

Personal Information

  • Location
    London, United Kingdom

Recent Profile Visitors

260 profile views
  1. Hi, I am creating a website which will be selling photography. The client wants to have the shop categories fixed on the left hand side across the entire site. Is there any code or plugin I can use to achieve this? A similar example of what I mean is this: https://wells-demo.squarespace.com/ (only difference is that aside from just the images, visitors will also be able to purchase each item). For ref the website is: https://mervin-archer-demo.squarespace.com/ Password: demo Many thanks!
  2. Hmm that's strange, I just double checked and the file has been uploaded.
  3. Ahh - I changed it to lower case but it still didn't work. Also I need to remove the original script ? If i remove it the design effect is gone
  4. Hi there, I am using a css code to add a floating button to my website. However, I want to add a time delay on it so that it doesn't show up on my custom loading screen (see screenshot). Any ideas?? Thanks
  5. Hi, I am having the same issue, how exactly do I create a CSS file and declare it? Thank you
  6. Ok great, how do I do that? I would like to disable the following script in edit mode without using safe mode because I think that is what is causing the issue. <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script>
  7. Hi there, I have an issue with one of my sites: https://tlcdesign-hillarydemo.squarespace.com/?password=demo I used code injection to install a plugin but using this script breaks the site, I am unable to edit without using safe mode because it causes the "add section" button to either disappear completely or become misaligned and unclickable (see screenshot). I'm perfectly ok with using safe mode, however, I sell this site as a template and its a bit inconvenient and confusing for inexperienced clients to work with, and I feel its a bit unprofessional for me to tell them to do that so this is hurting my business. Is there any other solution to this? I would like to keep the sticky effect. Thank you Code used: <style> @media screen and (min-width: 768px) { #header { position: sticky; top: 0; display: none; z-index: 4000 !important; width: 100vw; } main .page-section:first-child + #header { display: block; } main .page-section:first-child { min-height: calc(94vh - 93px)!important; } } </style> <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script>
  8. Unfortunately not. It works correctly now on safari mobile but the issue is still there on chrome and firefox
  9. Hi, I having a problem with my site. I am using the following code to make gallery items stack on mobile view. However, the code is removing the section divider line in the section above on live mobile view. I am not sure how to fix this. Ive attached screenshots for reference. My website is: https://azalea-goldfish-ywf9.squarespace.com/shop/ Code used: @media screen and (max-width:640px) { div#block-5df172c2e22fbcc2f1f0 .slide { width: 100% !important; margin-bottom: 40px; } } Thank you
×
×
  • 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.