justin.mabee

@tucecoop That sounds annoying! Have you been able to identify the line(s) of code that is causing the issue? If you post that here, then the community can try and help.
If you haven't narrowed it down, the best way is to remove all (save them somewhere!), then paste bits back in at a time to see which code is causing the issue.
Is this code in Custom CSS or Code Block or Code Injection?

Yes, this isn't an option with the poster block, so you'll have to write custom code. 
This should get you there:
.sqs-block-image .design-layout-poster .image-card { position: absolute; bottom: 0; left: 15%; padding: 10px; }  

Hey Andrew! This is easy with a bit of custom code. I've included a couple screenshots and the code I used here. 
What you would do is put the social links that you want in, and then navigate to Website Tools, then Custom CSS. From there, upload the files of the logo you want to use (in this case, the bluesky logo you want to use) in the color you want. Then, add this code, and notice that it says nth-of-type(3). That means it's the 3rd social link. So wherever you want the link, put it there in the order you want it. If you want it to be the first one, it would be nth-of-type(1). They just need to match in the social icons links area.
Once you have the code in there, copy and paste the URL of the image you just uploaded to Custom CSS, and put it between the parentheses under background-image: url(_).
Hope this helps!
//Custom Social Icons// .sqs-svg-icon--list a:nth-of-type(3) { svg { display:none; } background-image: url(); background-size: 100%; background-repeat: no-repeat; }

Gallery pages don't allow for titles or additional text on them, as they're pretty restrictive. My usual way around this is to shrink as much of the top padding as I need to, and add a small section above the gallery page with a title and/or text intro.

That worked! Thank you so much! Appreciate you taking the time. 

You can just create a separate blog page with the testimonials only in them, and hide it from search engines. From there, just connect the summary block directly to that blog page, not the one with the blog posts. Shouldn't need custom code. 

I had this issue too and found Squarespace was pulling low-res (295x166) thumbnails from Vimeo by default. You can see this by inspecting the src for "img.grid-item-image".
The link will look like this i.vimeocdn.com/video/....-d_295x166. Changing the last part to -d_640 gives you a higher-quality image. 
This script below finds any 'img.grid-item-image' elements on a page and checks if their 'src' attribute includes "295x166". If it does, it replaces that part of the URL with "640" and sets the updated URL as the new src attribute value for the image.
To use this code, you can add it to the "Code Injection" section of your Squarespace site. Go to "Settings" > "Advanced" > "Code Injection" and paste the code into the "Footer" section. Save the changes and then refresh the page to see if the images have been updated with the new URL.
 
<script> window.addEventListener('DOMContentLoaded', () => { const images = document.querySelectorAll('img.grid-item-image'); images.forEach(image => { const src = image.getAttribute('src'); if (src.includes('295x166')) { const newSrc = src.replace('295x166', '640'); image.setAttribute('src', newSrc); } }); }); </script>  
You can modify the code to target other elements too if needed. 

Really beautiful site! I think my only critique would be I don't love Raleway as a body, navigation or footer font. I'd probably pick something a bit heavier in weight, like Proxima Nova.

Are you able to provide some more screenshots of what you're trying to do, and links to the duplication and the site reference? Maybe in the editor where the options are?

Looks like you might need to change the height of the section to not fill screen. Flip this green switch to off.

Could you send a link to your site?

One of the best pieces of advice I can give with Fluid Engine and mobile design adjustment is to adjust mobile as you go.
Building out websites, I do my best to build out a page, get client approval, then adjust for mobile, and then use that as my template moving forward. I mostly build my websites from pages I've already created, saving sections, and re-using them throughout the site. Once you adjust a section for mobile, you can save the section, and then when you re-use it, it stays mobile optimized. So if you add additional content to that particular section elsewhere, you only have to re-adjust the new elements you added.
This worked really well on my most recent launch, dingsmotionusa.com, where I had nearly 100 pages and several pages that all had the same content and elements on them for products. I built one page with the structure I needed, then adjusted for mobile, saved the sections, and repeated across 70 pages. So I had very little I had to adjust when I was done.

@kroona-4 if you don't want to do this with code, you could try placing a shape block behind each image and adding a border to that.

You'd think so, right? Sadly, it doesn't 😢.
And to make matters worse, Squarespace's manual process (for moving Workspace accounts from one website to another after you build a replacement site) is currently broken. It has been for more than a year. This means that clients end up with Workspace accounts orphaned on expired website plans.

Hey there! This is an easy fix. You can navigate to any of your products in the store, go to the actual product page, and then click Edit Design. Then click Edit Section. From there, you should see Product Navigation > Breadcrumbs. You can switch this to None.

Not sure to be honest but found the correct code and it's all good now. 
Thanks for helping out, I appreciate it! 

You shouldn't have to do anything for mobile, it should just work with the original code. What happened on mobile?

Hey Andrew! This is easy with a bit of custom code. I've included a couple screenshots and the code I used here. 
What you would do is put the social links that you want in, and then navigate to Website Tools, then Custom CSS. From there, upload the files of the logo you want to use (in this case, the bluesky logo you want to use) in the color you want. Then, add this code, and notice that it says nth-of-type(3). That means it's the 3rd social link. So wherever you want the link, put it there in the order you want it. If you want it to be the first one, it would be nth-of-type(1). They just need to match in the social icons links area.
Once you have the code in there, copy and paste the URL of the image you just uploaded to Custom CSS, and put it between the parentheses under background-image: url(_).
Hope this helps!
//Custom Social Icons// .sqs-svg-icon--list a:nth-of-type(3) { svg { display:none; } background-image: url(); background-size: 100%; background-repeat: no-repeat; }

Thanks to all - get it now.  Many thanks Justin for pointing in the right direction and to paul for the detailed explaination.

The mobile and desktop versions of this website are linking to the same email address. If the email address is incorrect then you can, as @justin.mabee explained above, amend this in the Business Information settings. This is a standard feature on sites built with Bedford family templates.
Although the email address is the same for both mobile and desktop, this template was designed at a time when mobile devices had very low resolutions. For this reason, Squarespace decided to style the email address differently on mobile devices using the word 'EMAIL' in place of the email address, to prevent it wrapping. Clicking the word will still open an email application to send to the same email address; it just looks different.

Of course, mobile device resolutions are now much better (4x!) so if you would like to display the full email address instead, you could add the following to the Custom CSS panel:
/* Show full email address in footer */ @media only screen and (max-width: 640px) {   .site-email>span {     display: block;   }   .site-email:before {     display: none;   } } Did this help? Please give feedback by clicking an icon below  ⬇️

Check the Business Information for the email address. I believe Bedford might surface that information from Settings.

Check the Business Information for the email address. I believe Bedford might surface that information from Settings.

Yeah there's definitely something wrong with the code you're using to target the header on mobile. I don't know what it is, but I'd recommend removing anything you're targeting the #header on mobile with, that should fix it.

After checking the page on mobile, I do see the problem but I can't tell what is happening to cause it. My first inkling is that the animation is causing it. Do you have a site-wide animation turned on? If so, turn it off and see if that helps the issue. If not, do you have custom code in for animations, or any custom code targeting the shop?

@KeepCluckin ah, no it doesn't go in Advanced Code Injection. It goes under Custom CSS. This is under Website Tools, then Custom CSS.