dekiv

@tuanphan

These are some of the problems. I'm still surprised that Squarespace even has this issue as I've built stores on Shopify with never these problems.

Any help would be appreciated.

Site URL: https://www.harissabp.com.au

Hey Guys,

Hoping someone can help me. I designed this site on my second screen which is bigger and wider than my laptop. When I look at the site on either a normal laptop or a mobile phone some of the content overlaps (home page with graph) or there are words that are too big and its moved one letter down.

I've never used Squarespace before and made 2 other sites using Shopify and never experienced an issue like this, I figured Squarespace would just be fine as well which is not the case.

Any suggestions on what to do here? I really dont want to edit the size of the fonts as I feel like it will vary from screen to screen then, shouldn't this be responsive automatically to screen size?

@SquareRefreshAwesome! That worked. Thank you so much!

@SquareRefreshYeah I've tried putting in the correct class but it just blurs the whole page. Not sure what I'm missing here.

Site is live now as well - www.harissabp.com.au (What We Do) section

@SquareRefresh Yeah I copied in the code you sent above but it didnt do anything different?

@SquareRefresh Thanks for that but I have never used Squarespace before. Where do I input the CSS for that particular page and section?

Hi guys, site is not live yet so I cant put URL down but was wondering what code is required to unblur a photo when a mouse hovers over it. I've attached some screenshots for reference.

Basically, I want the images with the overlay text to be blurred until the mouse hovers over, where then I want the image to not be blurry. Is this possible?

Thanks!!