Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by orkoellis

  1. Yes. It's not the same one I'm looking for. If you could review both and let me know how about above question that would be great.
  2. Thanks: - After an amount of time, one of the logos is automatically switched to the new one.
  3. I want to switch out/rotate logos like this section on the SS site. See the attached screenshot for the section I'm referring to. Does anyone have a recommendation for code or a plugin? https://www.squarespace.com/website-design
  4. Although, now it appears as soon as I scroll even with the adjustments you suggested. What did I F up? It was working so well yesterday!
  5. You know, I woke up this morning and saw that. It was working like a charm yesterday. Maybe I deleted something at some point. But it's now working again. Thanks for your help. Genius level!
  6. I'm wondering if anyone knows how this website is doing their text link hovers? The line is present, on hover the line slides, the reappears. Take a look at the attached screenshot but it looks like it's on all of their text links. https://vucko.co I'm trying to do it on my site where the red links are. https://toucan-tetra-fwm2.squarespace.com/ p: argus
  7. Thank you very much. That worked great! You're also the only one who understood what I was trying to do. Thank you. Take a look if you want: https://toucan-tetra-fwm2.squarespace.com/ p: argus
  8. Hello @tuanphan Somehow the nav is not below the large ARGUS logo anymore on Chrome but is on Safari. I haven't touched anything up there. Could you take a look? See attached screenshots, too. https://toucan-tetra-fwm2.squarespace.com/ p: argus
  9. I purchased a collapse plugin, but I'm wondering how to add an 'X' in the reveal section in the upper right corner (the part that opens). This seems like a prominent UI element needed with this type of functionality, but it's not part of it for whatever reason. Also, if I wanted to use the ESC button to close the reveal, how would I do that? I added a PNG of the X to be used if necessary. Plugin: Expand - Collapse Sections 2.0 https://www.sqsmods.com/store/p/expand-collapse-sections-20 Site: https://toucan-tetra-fwm2.squarespace.com/culture p: argus
  10. The red larger links. Currently, there's a line that appears on hover, starting from the center and expanding out. Right now, there isn't an arrow but I'd like to add one. The non hover state would look like red text with an arrow. The hover state would be the line appears from the left expanding to the right and the circle wrapping around the arrow, like in the example.
  11. Thank you. This only added a delay. I'm looking for the logo to appear/trigger once the menu bar hits the top of the browser.
  12. Does anyone know how to implement this codepen on text links? https://codepen.io/SachaJolly/pen/oWQMoG My site: https://toucan-tetra-fwm2.squarespace.com/ p: argus
  13. Nope. The small logo should not be visible until the menu bar hits the top of the viewport. When the menu bar hits the top of the viewport, then the little log slides into place. I added 2 screenshots: 1. Screenshot 1: How the page looks on load. Notice the small logo is not present. This is correct. 2. Screenshot 2: I started scrolling, but the small logo has already appeared. I do not want this. The small logo should appear when the menu bar hits the top of the screen. This is not correct. //logo slide .homepage .header-title-logo, .homepage .header-mobile-logo a { opacity: 0; position: relative; top: -10vh; transition: all .75s; } .homepage .shrink .header-title-logo, .homepage .shrink .header-mobile-logo a { opacity: 1; position: relative; top: 0; } //logo slide
  14. I'm referring to the smaller logo. On page load, you'll notice the large red ARGUS logo at the top with menu links below. Once you scroll, the larger logo will go out of the viewport. When the menu bar (below the large logo) hits the top of the page, the small logo should slide into place in the top left corner of the menu bar. I currently have it developed and working as it should, but the smaller logo appears too soon. It appears as soon as I start scrolling/before the menu bar hits the top of the page. https://toucan-tetra-fwm2.squarespace.com/ p: argus
  15. Both. The nav should move up on scroll. When it hits the top of the page, the nav stays visible but the smaller logo slides into place.
  16. Hey @tuanphan This code works, but it's making the editing tools for sections further down the page, so I can't access them unless I adjust the section height to something tall. Take a look at the attached screenshot or visit the site. It's also causing a very thin line below the main nav unless I make the main nav taller. https://toucan-tetra-fwm2.squarespace.com/ p: argus Could you please help me?
  17. Hello How do I make the logo appear when the nav hits the top of the page, instead of appearing as soon as I scroll? https://toucan-tetra-fwm2.squarespace.com/ p: argus
  18. @cro0w @moonlitdesign I'm trying to do something similar, but instead: 1. On scroll, the large red ARGUS logo, black rule, and nav slide up (the large ARGUS logo and rule are out of the viewport). The nav bar is now sticky to the top. 2. When you continue to scroll, the little red ARGUS logo slides/fade in at the top left of the nav. Similar to this: https://www.capsule-design.studio/ Any help would be appreciated site: https://toucan-tetra-fwm2.squarespace.com/ p: argus I've also attached two screenshots. 1. On page load 2. When scrolled
  19. I'm looking to make my text links (not in the main nav) underlined with an arrow that pops out on hover, like what Squarespace does on its homepage. See attached for the section. site: https://toucan-tetra-fwm2.squarespace.com/ p: argus
  20. Ok. There is now an empty section below the nav. The design below the empty section, which includes a large PNG and text, should go in that blank section. As a reminder, on the homepage only: 1. The main nav is below the large red ARGUS logo. This does not include the little ARGUS logo. 2. On scroll, the large ARGUS logo and nav scroll up together. 3. When the nav reaches the top, it gets stuck to the top of the page and the little ARGUS logo appears in the nav. Thanks for the help!
  21. Hello I'm trying to put my homepage navigation (only on the homepage) below the large ARGUS graphic. Then, on scroll, when the large ARGUS graphic is out of the viewport, the main nav appears with links on the right and a small argus logo on the left. I've attached 2 screenshots. One before scroll and one after. Any help would be appreciated. https://toucan-tetra-fwm2.squarespace.com/ p: argus I see this chat, but it's from 4 years ago and doesn't seem to be working:
  22. I'm wondering how I would put the main nav below the large Argus logo. Then, on scroll, the nav is sticky to the top of the page, and the large logo becomes smaller in the left corner. I added two screenshots of the design. Similar to this: https://studiovedet.com/en/. And, this is only on the homepage. The subpages would look like the scrolled version of the homepage. https://toucan-tetra-fwm2.squarespace.com/ p: argus
  23. Hello I added a hover effect to the titles on the gallery grid. They currently roll. My question is, how do I make those rolling titles links and without an underline? So, on hover, the titles roll, and on click, they go to a subpage. Also, how do I add a red button below the captions like the large image slider near the hero includes (it's a red outline pill-shaped button that says "Learn more" https://toucan-tetra-fwm2.squarespace.com/ p: argus
  24. Hello I'm creating a site for an ad agency where the homepage does not have the logo in the primary nav; it's hidden. The logo is the large 'ARGUS' below the nav. The sub-pages will have the smaller logo in the primary nav. But on the homepage, it does not. My question is, after I scroll down past the larger logo on the homepage, is it possible to pop the little logo in the primary nav, centered? Then, when I scroll back up to the top of the page, the little logo pops back out. I say "pops," but a simple fade in and out would be fine, or even a slide down and up would be great. https://toucan-tetra-fwm2.squarespace.com/ p: argus Example: https://www.capsule-design.studio/
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.