SCAgency

Try this... In Design> Custom CSS[data-animation-role="image"] { min-height: 0px !important;} Helped my PNGs, Warning, not sure of the downsides of this hack.

Just found an interesting hack that helps with other PNG outlines being rough. The next image attachment shows the same icons with and without this hack below. The top is with the hack, the bottom left untreated. In the Squarespace CSS it has this... [data-animation-role="image"] { min-height: 1px; } If I add this to my Design Custom CSS it helps... [data-animation-role="image"] { min-height: 0px !important; } Not sure of the downsides of this hack. This has NOT fixed the original wavy lines example. Will report back on that one.

These three sets of wavy lines are all PNGs with transparency and no matte color from the same file. See the top set of wavy lines. The edge is very jaggedy with a thin white outline. The bottom two sets are fine. The top set is 1,268px wide. Middle set 635px wide. Bottoms set is 1,500px wide. This seems to be worse in Chrome. Squarespace's only suggestion is to upload all PNGs at 1,500px wide. Doesn't make sense because the 635px wide is just fine. We need to be able to upload PNGs with good quality or have Squarespace allow SVGs. Any solutions. CSS targeting PNGs or Chrome? Thanks.

Having the same issue. Support said to upload all PNGs as 1,500px wide which isn't an answer. Noticing the horrible edges on PNGs look worse in Chrome. Firefox they seem to be ok. If it's only in Chrome for you too, wondering if there is some Chromw specific CSS to workaround this.

Client wants a simple 2 page coaching site. Main homepage is for one audience, NOT LINKED homepage for another. 1. I can easily assign the Squarespace domain to the regular homepage, but would like to use Namecheap or GoDaddy secondary domain to link to the NOT LINKED homepage. Is this possible? I thought it was but this article seems to say it isn't: 2. Also, that secondary domain provider, how do I ensure that if a person types in https it will connect? Had a situation with Namecheap once where I had to buy hosting there to ensure the https version worked. Will Squarespace's SSL cover both domains? Thanks!

Client has a church website I will redesign on Squarespace. Within the website they want a one page coffee shop site. I can easily have a second URL connect to that interior page, but the coffee shop is a different visual brand. In WordPress like with Divi Builder you can create custom headers and footers for any page. This is not a built in feature to Squarespace. Does anyone know how to do this in Squarespace or am I hiding the header and footer on that single page and recreating different ones with modules? Maybe there is a Squarespace extension for this? Thanks.

Site URL: https://icosahedron-banjo-ybsd.squarespace.com I have a contact area in the footer of a website I am developing. I created a link in the top navigation that links to a div in the footer with the id of #contact. The anchor link works, but if the first element of that area has animation on it, like fading it, the anchor jump does not initiate the animation. Users would just see a blank area. The only solution I've found so far is to cut animation off. Also, is animating a fade in on every section default in 7.1 and if so, is there a way to kill it. I'm not talking about lazy loading, but the animation effect itself. Sorry I can't show the site at this time because it is under development. Thanks.

Site URL: https://icosahedron-banjo-ybsd.squarespace.com/ I have added rounded border masks to images using built in controls in Squarespace 7.1. They look great on desktop but are too aggressive on mobile. They cut off too much of the picture, meaning the circle edges don't scale proportionately. I need to reduce the radius from like 75 to 35. I tried targeting block-yui's .image-overlay (even just .image-overlay in general) in CSS but it does not apply. Any ideas? Sorry I can't show the site at this time because it is under development. Thanks.

Craziness! Works so well. Thank you soooooo much. Hopefully they will add this as an option baked in. Really appreciate your help. PS: Didn't think to ask. Is there a way to do this on mobile as well so the button is above the social?

There is no layout that puts the social icons in the navigation header after the call to action button. Is there a way to achieve this through CSS? Again, I want left-to-right, logo, nav links, button THEN social icons. Thanks!

Mid June is here. We have tabled developing any new sites on Squarespace until Google Page Experience is addressed.

That code injection stopped working for some reason. We have also tried this in Custom CSS:@media only screen and (max-width: 720px) { figure[style] { transform: initial !important; } } You can edit 720 to be whatever your breakpoint is. But this also has limited success. Found another post that says this is due to cutting on fixed navigation in Styles. As a test we have disabled that, and for now that does seem to remove the jumpiness. So it amazes us Squarespace techs have known about this for at least a year or two and can't figure out how to make mobile scrolling better. I would think it's in their best interest to have sites work great on mobile. No? Will report back any new findings.

Found a hack here that killed the jumpiness, but also parallax on mobile: https://answers.squarespace.com/questions/257395/is-parallax-scrolling-smooth-for-anyone-in-2019-mo.html So I guess this is all tied to parallax.

So I've asked the "Customer Care" team a few times about this issue. Site scrolls fine on desktop but on mobile it is choppy and jumps up and down as you go by different content. I've tried experimenting with parallax content on and off and other things, but it still happens. And quite frankly, just turning off parallax wouldn't be a "solution" really. So the answer I always get is, "We're aware of this, but no ETA on a fix." That's just not acceptable. So I'm posting this to see if anyone has had any success with any hack to improve how jumpy things are on mobile. We predominantly use Sonora and Mojave templates. Perhaps it isn't as bad on some templates? Thanks.

One of the things that disappoints us about Squarespace is the inability to do 3 equal column layouts with images if you need space on the sides. Sometimes you don't want giant images and saving images with a ton of whitespace canvas is just kinda silly and looks bad on mobile. Seems every other web platform has kept up with the demands of responsive layouts. Maybe others are using this hack (or a better one), but posting this in case anyone else is struggling. So to center three images... Create a BLANK page section with MANAGE SECTIONS. Remember the name of this section for CSS in Step 4. Add your three equal size height and width images (like client / customer logos with same pixel dimensions.) Go to Custom CSS and add this code... #yoursectionname {margin-left: auto; margin-right: auto; display: block; width: 75%;}Adjust the width to wider or more narrow. Works like a charm for us. Hope this helps.