Homepage carousel issue

Site URL: https://www.bandgdesign.com

So I jut inherited a site and I'm looking at what happens to the URL when you arrive and begin to scroll downwards.

When you arrive at the site, and begin to scroll down, the URL has a #mobile-carousel added to it on mobile, and a #carousel-homepage added to it on desktop. Being th eperson who did NOT build this site, I'm wondering why this is needed.

Is this ultimately necessary to have? I'd love to have these not occur for SEO and Google Ads tracking code reasons, and the previous web developer tells me "it's normal for Squarespace."

I would be happy to provide any additional back-end details that can help. Thank you in advance!

On 10/13/2021 at 7:17 AM, BGDesign said:

Site URL: https://www.bandgdesign.com

So I jut inherited a site and I'm looking at what happens to the URL when you arrive and begin to scroll downwards.

When you arrive at the site, and begin to scroll down, the URL has a #mobile-carousel added to it on mobile, and a #carousel-homepage added to it on desktop. Being th eperson who did NOT build this site, I'm wondering why this is needed.

Is this ultimately necessary to have? I'd love to have these not occur for SEO and Google Ads tracking code reasons, and the previous web developer tells me "it's normal for Squarespace."

I would be happy to provide any additional back-end details that can help. Thank you in advance!

Hi,

Try remove all custom code in Custom CSS, Code Injection then check again (Backup code before removing)

On 10/14/2021 at 8:39 PM, tuanphan said:

Hi,

Try remove all custom code in Custom CSS, Code Injection then check again (Backup code before removing)

Thanks for your response. The code injection I see (and when removes totally re-formats the page) is:

@media only screen and (max-width: 640px) {
  .sqs-layout .sqs-row .sqs-block:first-child,
.sqs-layout:not(.sqs-editing) > .sqs-row:first-child > [class*="sqs-col"]:first-child > .sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block + .sqs-row .sqs-block:not(.float):last-child {
  padding-top: 0px !important;
}
  [class*="sqs-col"] .sqs-block {
    padding-top:60px;
  }

Perhaps this is also relevant info to also share. I see a separate page for desktop and mobile as it relates to this carousel (attached.) Is this normal?

On 10/20/2021 at 9:37 PM, BGDesign said:

Thanks for your response. The code injection I see (and when removes totally re-formats the page) is:

@media only screen and (max-width: 640px) {
  .sqs-layout .sqs-row .sqs-block:first-child,
.sqs-layout:not(.sqs-editing) > .sqs-row:first-child > [class*="sqs-col"]:first-child > .sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block + .sqs-row .sqs-block:not(.float):last-child {
  padding-top: 0px !important;
}
  [class*="sqs-col"] .sqs-block {
    padding-top:60px;
  }

Perhaps this is also relevant info to also share. I see a separate page for desktop and mobile as it relates to this carousel (attached.) Is this normal?

I think the carousel image is cropped on mobile, so Developer created 2 sections as shown in your screenshot, and used code to display each section respectively on desktop, mobile