Jump to content

Homepage carousel issue

Recommended Posts

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!

Link to comment
  • Replies 3
  • Views 331
  • Created
  • Last Reply

Top Posters In This Topic

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)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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?

Screen Shot 2021-10-20 at 8.31.00 AM.jpg

Link to comment
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?

Screen Shot 2021-10-20 at 8.31.00 AM.jpg

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.