Jump to content

azbd77j8

Member
  • Posts

    10
  • Joined

  • Last visited

Everything posted by azbd77j8

  1. https://www.moralaptitu.de/ You can may need to open the inspect element panel and notice its responsiveness.
  2. I am trying to have the same, consistent spacing for my Blog page on desktop and mobile. I would like a little space beneath the Blog title, and large space beneath the rows — the way I have it on desktop. Please see the screenshot; the desired spacing is in green. On 767px and below, for some reason, the spacing changes. I don't want the spacing to change on mobile. I want it to be these same as desktop. Can someone help? See the image attached. https://www.moralaptitu.de/
  3. I am editing by squarespace website with this layout. I save it as normal. However, when I test my website, the images are gone and formatting is weird. Does anyone know how to fix this? Link to websitePassword: 123
  4. I added a code block with HTML and Javascript. Does anyone know how to remove the padding from the code block? startstop.site
  5. I have a code block consisting of HTML and JavaScript. There is a bunch of random bottom padding that I can't seem to remove. Can anyone help? https://www.startstop.site/ Password: 123
  6. Thank you for the reply 🙂 Unfortunately, it still isn't working for me. Right now, here's the code I'm using: section[data-section-id="644751937fb20441e7461ffd"] { background-color: rgba(255, 255, 255, 0.5)!important; backdrop-filter: blur(10px)!important; } [data-section-id="644751937fb20441e7461ffd"] { .page-section .section-border { background-color: rgba(255,255,255,0)!important; opacity: 0!important; } }
  7. How can I use CSS to blur a div on scroll? On my website, I have a header "Aaron Wu designs digital products...." which stays fixed as a user scrolls. As a user scrolls, I want the subsequent following text to become blurred behind the header. I've tried using backdrop-filter CSS, but it's not working, perhaps because I am using a fixed/sticky section. Website: here
  8. Hello, I am trying to create a sticky vertical navigation bar (basically trying to replicate this website exactly, see here). To do so, I opted to disable the horizontal navigation using CSS, and create sticky code block to fake a vertical nav bar (maybe this isn't the best way?) — I have a few questions. I used some of the code above and had some success, but the left nav bar isn't 100% sticky (if you scroll up or down, the left nav bar moves slightly). I am also trying to add a vertical line next to the bar (which I used via border-right on the code block), but the vertical line isn't 100% flush with the edges. 1. How can I make my nav bar 100% sticky? 2. How can I add a vertical line without white space on top or below? 3. Is there to keep apply this fake nav bar fixed to every page on my website? 4. In general, is there a better way to create a sticky vertical navigation bar? startstop.site (password: 123) Thanks!
×
×
  • 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.