noblestudio

Hi @tuanphan Yes, exactly. Let me know if it's possible. Thank you!

Hi @tuanphan not sure if you managed to work this out? Would be great to get an update, thank you! 🙂

Hi @tuanphan thanks for this! The code works, but is there anyway to make the logo in the header invisible when the user reaches the first section of the homepage on scroll back (with logo artwork)? see attached reference. The code you've provided hides the logo on scroll back on other sections but need this needs to be visible on every other section apart from the first. If it helps, this is a good reference: https://giancarlovalle.com/ Let me know if it's feasible, and thanks again! N

Hi @tuanphan Sorry to chase, did you figure this out? Much appreciated 🙂

thanks @tuanphan Link to site: https://point-cyan-jzwc.squarespace.com/ pw: snc2024 I would prefer the logo in header to disappear very quickly before user scrolls back at the halfway point of the hero image – as I plan to add a large logo here. The navi links can remain. I would only need this for the homepage and desktop/ipad screens only. The navi bar is also currently set to white, if you can adapt to make it transparent, that would be great as the links are white as well. Feel free to give me a shout if you need to know anything else – thank you in advance! N

This is a very helpful code snippet however, is there a solution for non-fixed position headers? I find SS's fixed header function, whether on basic or scroll back, also adds a small jump before reaching the top of the site page, not sure why that happens. Cheers! N

@tuanphan Yes, thank you! I think this trick appeared on another topic from you so I tried it and it worked out nicely.

Hi @tuanphan Did you manage to access the site ok? Any luck with this odd white space?

Hey @tuanphan I have to keep it private as the domain is linked, try with this link: https://chrysalis-carrot-edlx.squarespace.com/ pw: as2023 Thanks!

Hello All, I've encountered an annoying problem with a site i'm building. I've uploaded a video to the homepage that needs to span 100% of the height and width of the screen. Not sure if I need to set the section's height to a row count and adjust optically or toggle the "fill screen" function? Either way, when using fill screen/grid there seems to be some white padding that appears when you shrink the screen to adjust. See attached photo. When inspecting this page, it seems the white space is part of the wrapper? Some links that i've positioned to the bottom of the screen don't show up in some mobile devices and need to be scrolled to be seen. The responsive function on single section websites isn't great, I have to say. I can't seem to solve the issue. site: https://chrysalis-carrot-edlx.squarespace.com/ pw: as2023 Any help? 🙏🏼 Cheers! Nabil

Hi All, Facing an issue with my fixed header. I have a hero image gallery that's positioned as sticky so that the subsequent sections overlap when you scroll. The problem i'm trying to solve is regarding the z-index. The header seems to be positioned at the very top and ideally would prefer it if the entire header were positioned under the layer that overlaps it when you scroll – any help? Site link: https://lobster-lute-a5jp.squarespace.com/ PW: tp2023 Much appreciated! ✌🏽

@tuanphan Thanks for the tip! @AAStudio Hey Ashley! I found the solution, I recommend checking your text/button blocks to make sure the ones that are linked aren't placed under other blocks especially when the site goes into mobile view. In my case, the project names (see above screen shots) were linked, the location and dates weren't so when the site went into mobile view, the latter were placed on top by default, hence why I couldn't press the links! I just arranged the linked text blocks to sit on top. Hope this helps! N

Hi All, I have a very simple query regarding page links in mobile. For some apparent reason, the links on my projects page are only functioning in desktop not mobile. I have linked the projects to their respective pages but unable to click through when viewing the site in mobile – specifically the links between the lines. I have disabled underlines throughout the site, there is also a hover over function on desktop where the cursor enlarges when you hover over a linked item or word. For example the 'Work with us' seems to be working fine. I have double checked my CSS code, it all seems fine? Any help would be greatly appreciated! site link: https://www.nobleco.studio/projects Thanks, N

Hey @Ziggy, thanks for your feedback! This is super helpful, so thank you for pointing it out. I've taken your advice and moved the 'discover' links so now all text pieces live in one block, which also eliminates the need for endless media queries! Keep text boxes larger than necessary – great tip, noted and updated! Thanks again, really appreciate it! ✌🏽 Nabil

Dear Circle members, I had the pleasure of working with a New York-based Yoga teacher who wanted to level-up her image and create a modern website experience. The site was built using Fluid Engine, with a host of custom css features, which at times proved very challenging! As a designer, I think there's definitely more freedom to create bespoke layouts using Fluid but it could definitely do with some improvements! I would welcome any feedback/comments on the site https://www.carlyhunteryoga.com/ Cheers! ✌🏽