Dr_Carol

Okay I think I figured it out.. thanks guys!!! /*fix about background on mobile*/ @media only screen and (max-width: 767px) { section[data-section-id="6697d75f566b1b675f54a76e"] .section-background img { background-image: url('https://images.squarespace-cdn.com/content/6697d754566b1b675f54a5bd/a2dca163-e321-4e1c-804e-cf2031c78ff6/bg+2+%281%29.png')!important; object-position: 50% 0 !important; object-fit: contain !important; } }

@HoaLT @Beyondspace the top looks better with that solution, but then the bottom of the background does not extend to the bottom of the section. It gets cut off mid section which doesn't look good. Any other ideas? I'll keep playing with it! Edit: I can also just apply a different background image to mobile and make it taller.. do you know the css code to change the image for mobile only?

Oh that's brilliant @Beyondspace.. however, can you make it so that the whole thing fits into the mobile view, only compressed? The same background is used in our footer, that's pretty much how we want it to look.

We're redesigning our website and are struggling with one of the section backgrounds on our homepage. If you look at the About section on the homepage, you'll notice the background looking normal. But then if you look on a mobile view, you'll notice that there is a huge whitespace on the top of the 'About' section background before it starts. We can't figure out what is doing this or how to correct via css. Any ideas?? https://capybera-capybera-ycb8.squarespace.com/ Pwd: fiverr2024

Got it, thank you so much!

Hello! We have an old squarespace site that's doing pretty well with SEO: www.drcarolhaddad.com . However the design has become outdated, so I developed a refreshed design on another squarespace trial site (https://capybera-capybera-ycb8.squarespace.com/ pwd:fiverr2024). I'll soon be ready so switch the domain over to the trial site to "go live", but I'm wondering what if any SEO impact there will be? Will google notice that I did this? What can I do to minimize the SEO impact? Is there a better strategy to do this? Any insights would be greatly appreciated!

Okay yea that's another idea. Thank you for all your help, it's already way better!

Yes, that worked pretty good! Except I loose the rounded corners towards the bottom as I reduce the browser size. Any ideas there? I've applied your change if you want to see what I'm talking about: https://capybera-capybera-ycb8.squarespace.com/

Hello! I saw a couple of old posts on this topic, but the css solutions didn't work for me. I'm trying to get rounded corners on my embedded videos. There are two here on this page (one Youtube embed, one Facebook embed): https://capybera-capybera-ycb8.squarespace.com/resources Password: fiverr2024 Please let me know how I can make this happen in css. Thank you!!

Hello! I saw a couple of old posts on this topic, but the css solutions didn't work for me. I'm trying to get rounded corners on my embedded videos. There are two here on this page (one Youtube embed, one Facebook embed): https://capybera-capybera-ycb8.squarespace.com/resources Password: fiverr2024 Please let me know how I can make this happen in css. Thank you!!