KameronBellamy

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

I have already uploaded an image to the social sharing image in square space, but the photo does not change. Can anyone help point me in the right direction here? Thanks

45 minutes ago, bangank36 said:

Kindly share your site with a protected password to check this issue

Bellamytrees.com

HwoN9&-772

Here is the code I am using:

@media screen and (max-width: 640px) 
{
  #block-yui_3_17_2_1_1633441099136_6823
    {
      background-color: rgba(255,255,255,.2)!important;
      backdrop-filter: blur(15px);
    }
}
@media screen and (max-width: 1024px) 
{
  #block-yui_3_17_2_1_1633441099136_6823
    {
      background-color: rgba(255,255,255,.2)!important;
      backdrop-filter: blur(15px);
    }
}
@media screen and (min-width: 641px)

{
  #block-yui_3_17_2_1_1633441099136_6823
    {
      background-color: rgba(255,255,255,.2)!important;
      backdrop-filter: blur(15px);
    }
}

This works for the desktop view, and every phones browser EXCEPT an iphone. It will blur the background, but not as much as I specify in the code. Here is an example. Android is the first SC, iPhone is the second SC. I have tested with multiple generations of iPhones with varying screen sizes. Is there any other code I can try to accomplish this? Thanks!

I have code in place that curves the edges of every photo on my site as shown in the image. Issue is that not my logo in the header and footer have the rounded edges and I need them to just be a square image so it does not cut off the logo. Is there any code I could use to disable the rounded edges on those two images? Thanks!