marcelOhm Posted June 15, 2021 Share Posted June 15, 2021 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. Link to comment
Murli_S Posted June 15, 2021 Share Posted June 15, 2021 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? Link to comment
marcelOhm Posted June 16, 2021 Author Share Posted June 16, 2021 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. Link to comment
tuanphan Posted June 16, 2021 Share Posted June 16, 2021 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; } Murli_S 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Murli_S Posted June 16, 2021 Share Posted June 16, 2021 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? noblestudio 1 Link to comment
tuanphan Posted June 17, 2021 Share Posted June 17, 2021 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.. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
marcelOhm Posted June 17, 2021 Author Share Posted June 17, 2021 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! Link to comment
Murli_S Posted June 22, 2021 Share Posted June 22, 2021 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? Link to comment
tuanphan Posted June 23, 2021 Share Posted June 23, 2021 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Murli_S Posted June 23, 2021 Share Posted June 23, 2021 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 Link to comment
tuanphan Posted June 24, 2021 Share Posted June 24, 2021 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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Murli_S Posted June 24, 2021 Share Posted June 24, 2021 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: Link to comment
spage Posted June 24, 2021 Share Posted June 24, 2021 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! Link to comment
Murli_S Posted June 25, 2021 Share Posted June 25, 2021 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! spage 1 Link to comment
Murli_S Posted June 25, 2021 Share Posted June 25, 2021 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; } Link to comment
spage Posted June 25, 2021 Share Posted June 25, 2021 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. Link to comment
tuanphan Posted June 28, 2021 Share Posted June 28, 2021 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; } spage 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted June 28, 2021 Share Posted June 28, 2021 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; } } Murli_S 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Murli_S Posted June 28, 2021 Share Posted June 28, 2021 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 Link to comment
spage Posted June 29, 2021 Share Posted June 29, 2021 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! Link to comment
Guest Posted July 8, 2021 Share Posted July 8, 2021 I'm having the same issue and the code is not working for me. My website https://www.daniellemcfaul.com/portfolio. Link to comment
tuanphan Posted July 9, 2021 Share Posted July 9, 2021 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
rc16 Posted July 13, 2021 Share Posted July 13, 2021 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 Link to comment
tuanphan Posted July 15, 2021 Share Posted July 15, 2021 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; } rc16 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
rc16 Posted July 15, 2021 Share Posted July 15, 2021 Seems to work perfectly. Thank you very much. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment