Portfolio Hover:Background does not change full background anymore

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

Hey forum,

I've spent the last 4 days changing from wix to squarespace and completely rebuilding my photography portfolio. So far I've been very pleased with Squarespace and did not face any big troubles. However, just as I'm about to finish the hover effect on my landingpage stopped working properly. 

https://www.marcelohm.com/

The hover effect is supposed to change the full background image upon hovering and as I set up the site everything worked just fine. Yesterday when I got into the builder the site started displaying a small portion of the standard background image at the top of the screen. I've tried every option that I can think of, regarding the header and the portfolio element, but I can't get it back to working properly. 
Any help in resolving this issue is much appreciated. 

I'm having the exact same issue as Marcel. Everything was working fine a few days ago on my portfolio until I checked in today.

Any help or update on this issue would be much appreciated. The sudden appearance of this visual bug leads me to think there's something wrong with squarespace itself?

15 hours ago, Murli_S said:

Any help or update on this issue would be much appreciated. The sudden appearance of this visual bug leads me to think there's something wrong with squarespace itself?

 

Yes. I also think it's a problem on Squarespace side. I tried it on numerous devices to check if it had  something to do with any form of cache and I also set up a completely new test site that had nothing done to it. Both did not resolve the issue. 

16 hours ago, Murli_S said:

I'm having the exact same issue as Marcel. Everything was working fine a few days ago on my portfolio until I checked in today.

Any help or update on this issue would be much appreciated. The sudden appearance of this visual bug leads me to think there's something wrong with squarespace itself?

 

1 hour ago, marcelOhm said:

Yes. I also think it's a problem on Squarespace side. I tried it on numerous devices to check if it had  something to do with any form of cache and I also set up a completely new test site that had nothing done to it. Both did not resolve the issue. 

Add to Design > Custom CSS > Then save & reload your site

/* Fix portfolio */
body.homepage article section:first-child {
    padding-top: 0 !important;
}

4 hours ago, tuanphan said:

 

Add to Design > Custom CSS > Then save & reload your site

/* Fix portfolio */
body.homepage article section:first-child {
    padding-top: 0 !important;
}

 

Worked perfectly! thank you. Do you have any idea why the square space portfolio pages suddenly stopped working like before?

14 hours ago, Murli_S said:

Worked perfectly! thank you. Do you have any idea why the square space portfolio pages suddenly stopped working like before?

Not sure. Recently I haven't worked with Portfolio yet..

On 6/16/2021 at 10:16 AM, tuanphan said:

 

Add to Design > Custom CSS > Then save & reload your site

/* Fix portfolio */
body.homepage article section:first-child {
    padding-top: 0 !important;
}

 

Thank you so much. Worked perfectly! 

Hi again @tuanphan. I noticed an issue with the portfolio page using your code. When trying out the mobile version of the portfolio the sub-images are offset. See attached examples:

Any idea on how to fix this?

19 hours ago, Murli_S said:

Hi again @tuanphan. I noticed an issue with the portfolio page using your code. When trying out the mobile version of the portfolio the sub-images are offset. See attached examples:

 

Any idea on how to fix this?

 

Can you share site url? We can check easier

2 hours ago, tuanphan said:

Can you share site url? We can check easier

sure!

website: murlisoogrimart.com

pw: murli1234

Looks great on desktop but breaks on mobile

23 hours ago, Murli_S said:

sure!

website: murlisoogrimart.com

pw: murli1234

 

Looks great on desktop but breaks on mobile

Try adding to Design > custom CSS

 /* Fix mobile portfolio */
@media screen and (max-width:767px) {
.portfolio-hover[data-mode="hover-cover"][data-height="small"] {
    min-height: 100vh !important;
}
}

2 hours ago, tuanphan said:

Try adding to Design > custom CSS

 /* Fix mobile portfolio */
@media screen and (max-width:767px) {
.portfolio-hover[data-mode="hover-cover"][data-height="small"] {
    min-height: 100vh !important;
}
}

 

Thank you for taking your time to help! unfortunately didn't work. There's still an issue when hovering over the portfolio links. See attached gif:

I'm also having this issue any advice would be appreciated.  The custom CSS that @tuanphanhas linked isn't working for me.  Hoping Squarespace fixes this issue.

My website: reachsam.com

The work section is what's having the issues.

Thx!

To anyone that is concerned, I'd like to share that I've been in contact with the Squarespace support and they told me they're ware of the issue and are looking into it. They couldn't give a specific timeframe but hopefully it should be resolved soon!

15 hours ago, spage said:

I'm also having this issue any advice would be appreciated.  The custom CSS that @tuanphanhas linked isn't working for me.  Hoping Squarespace fixes this issue.

 

My website: reachsam.com

The work section is what's having the issues.

Thx!

Hi, did you try the first block of code that tuanphan posted?

Quote

/* Fix portfolio */
body.homepage article section:first-child {
    padding-top: 0 !important;
}

3 hours ago, Murli_S said:

Hi, did you try the first block of code that tuanphan posted?

 

Thanks for the update! And yes I have tried the code and unfortunately it's not working for my site.

On 6/25/2021 at 3:02 AM, spage said:

I'm also having this issue any advice would be appreciated.  The custom CSS that @tuanphanhas linked isn't working for me.  Hoping Squarespace fixes this issue.

 

My website: reachsam.com

The work section is what's having the issues.

Thx!

Add to Design > Custom CSS

/* Portfolio */
body#collection-608c50a1e722b75e3724abd0 section:first-child {
	padding-top: 0 !important;
}

On 6/24/2021 at 7:09 PM, Murli_S said:

Thank you for taking your time to help! unfortunately didn't work. There's still an issue when hovering over the portfolio links. See attached gif:

Don't remove above code. Add this code

@media screen and (max-width:767px) {
.portfolio-hover-display {
    min-height: 100vh !important;
}
}

9 hours ago, tuanphan said:

Don't remove above code. Add this code

@media screen and (max-width:767px) {
.portfolio-hover-display {
    min-height: 100vh !important;
}
}

 

Thank you! this code worked just in the way I needed

On 6/27/2021 at 6:08 PM, tuanphan said:

Add to Design > Custom CSS

/* Portfolio */
body#collection-608c50a1e722b75e3724abd0 section:first-child {
	padding-top: 0 !important;
}

 

Thank you so much!! This worked perfectly!

I'm having the same issue and the code is not working for me.

My website https://www.daniellemcfaul.com/portfolio.

5 hours ago, dmcfaul said:

I'm having the same issue and the code is not working for me.

My website https://www.daniellemcfaul.com/portfolio.

Your site, use this code

/* Portfolio */
body#collection-5e2cc0a98ae9853306d80234 section:first-child {
	padding-top: 0 !important;
}

Wish I found this a bit earlier - I've had the same problem on the site for a month.

Unfortunately your code doesn't seem to work on my page tuanphan, does this one need a tweak somewhere? https://camuswyatt.works/works

On 7/14/2021 at 3:39 AM, rc16 said:

Wish I found this a bit earlier - I've had the same problem on the site for a month.

 

Unfortunately your code doesn't seem to work on my page tuanphan, does this one need a tweak somewhere? https://camuswyatt.works/works

Use this code

/* Portfolio */
body#collection-604c25dab1aad7403ed2d2e8 section:first-child {
	padding-top: 0 !important;
}

Seems to work perfectly. Thank you very much.