Jump to content

kyle00428

Circle Member
  • Posts

    27
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

kyle00428's Achievements

  1. @tuanphan That would be amazing! Thank you!
  2. I use nested navigation folders to keep my menu items organized. I would like to remove the navigation folders on my mobile menu so that it just displays the links inside of the folders and not the folder names themselves. Instead of displaying: Folder 1 Name > Folder 2 Name > I would like it to display: Folder 1 Item 1 Folder 1 Item 2 Folder 2 Item 1 Folder 2 Item 2 Another possible option could be: Folder 1 Name Folder 1 Item 1 Folder 1 Item 2 Folder 2 Name Folder 2 Item 1 Folder 2 Item 2 Anyone have any idea? Site: kylebranzel.squarespace.com Password: cssishard
  3. @Web_Solutions Thank you so much! I appreciate you! 🫡
  4. I am using this CSS code to replace my header logo on hover: .header-title-logo a:hover img { visibility: hidden; } .header-title-logo a:hover { background-image: url('https://static1.squarespace.com/static/6525b0dea15e8e050ee9451a/t/6599e0a9609cd22a5c396167/1704583337793/faviconblue.png'); background-size: contain; } I would like to do this same thing with the image block in my footer but I can't seem to figure it out. The image block is #block-505544e2e88117483012. Site: kylebranzel.squarespace.com Password: cssishard Thanks in advance for your help!
  5. Site URL: https://rust-snail-j236.squarespace.com/ I'm using the Stretchy Line Navigation plugin from Ghost Plugins (quoted below). It works well for the top-level site navigation links, but I would like to also incorporate it into the links in the navigation folder as well. How do I add it to the menu items in the drop-down site menu? Access password: kyle .header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: -7px !important; transition: width 0.2s; //animation speed margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; }
  6. @bangank36 You are a genius! This was driving me crazy and the official Squarespace Help agent had no idea how to fix it. Thank you so much!!!
  7. Site URL: https://jws.community Hello! I am using a summary block to pull in testimonial quotes in blog format. However, after adding the summary block, I noticed that page width increases. When I open the summary block editor, I click Design and then change the Number Of Items to 30, and it adds to the page width of the entire page. In other words, if I visit the homepage and scroll to the left, there is added white space margin on the right hand side. If I change the Number Of Items to 15, it solves the problem -- but I have more than 15 items I need to display. Curiously, using this same setup on the pages called Jen, NYC Classes, Online Classes, and Events, I do not have the same issue. (Even though the Number Of Items on these pages is still set to 30, maybe it is because I have fewer posts to display from these blogs.) I have tried creating a new blog and populating it with the same posts but it results in the same problem. Please help! Thanks in advance. Password to access site is jws.
  8. Love this! Thank you so much!!! Are there any other animation types available?
  9. The site is https://earthworm-koi-8699.squarespace.com and the password is jws.
  10. Does anyone know how to animate a dropdown menu in the navigation header? On a basic Squarespace 7.1 site when you hover over a menu item, the dropdown menu appears in an instant. I would like to animate it, so that it slides down from the menu. (I would also be open to other animation styles.) Or am I missing something in the Squarespace editor? Here's an example website for reference of the sort of animation I'm looking for: http://www.khourigroupltd.com
×
×
  • 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.