WillMyers

Hey gang, I took a stab at a different solution and it seems to be working on my end. Check out the CSS below if you're using Slideshow Full, I also have some CSS in an article here if you're using Slideshow Simple -- it's the same idea with a few small tweaks. 
Basically I'm using CSS animations instead of transitions. Seem to work better since the slides are getting moved around in the DOM. Watch this if you're curious. 
Let me know if there are any issues, I'll keep iterating as I can. 
Will
/** * Slow Cross Fade * Gallery Type » Slideshow Full * From Will-Myers.com **/ #sections .gallery-fullscreen-slideshow[data-transition="fade"] { --duration: 2s; figure, .gallery-fullscreen-slideshow-item-src{ opacity:1; } .gallery-fullscreen-slideshow-item{ visibility: visible; } figure:last-child { animation: fadeIn var(--duration, 2s) ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } }  

Hey @JoeGrossmann, happy to help out here. Try this bit of Custom CSS:
 
/*Input Container*/ #page .ProductItem-details-checkout .product-quantity-input { display: grid !important; grid-template-columns: 1fr 1fr; align-content: center; column-gap: 17px; } /*Quantity Text*/ .ProductItem-details .quantity-label{ grid-column: span 2; } /*Price Text Container*/ #page .ProductItem-details-checkout .ProductItem-product-price { margin: 0; } /*Price Text*/ #page .ProductItem .ProductItem-details .product-price { margin: 0; } Here's a quick video going over how I got to this if you or anyone else is curious:
https://www.loom.com/share/6e6bcb18bd3a459cbe49068caafe6548?sid=6f5ec74b-c9c5-413c-8cc4-9fb3dc2c171c

This is fantastic — it works perfectly, and the video explanation is extremely helpful! Thanks @WillMyers!!!

Hey gang, I took a stab at a different solution and it seems to be working on my end. Check out the CSS below if you're using Slideshow Full, I also have some CSS in an article here if you're using Slideshow Simple -- it's the same idea with a few small tweaks. 
Basically I'm using CSS animations instead of transitions. Seem to work better since the slides are getting moved around in the DOM. Watch this if you're curious. 
Let me know if there are any issues, I'll keep iterating as I can. 
Will
/** * Slow Cross Fade * Gallery Type » Slideshow Full * From Will-Myers.com **/ #sections .gallery-fullscreen-slideshow[data-transition="fade"] { --duration: 2s; figure, .gallery-fullscreen-slideshow-item-src{ opacity:1; } .gallery-fullscreen-slideshow-item{ visibility: visible; } figure:last-child { animation: fadeIn var(--duration, 2s) ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } }  

You can use Site Nav plugin by @WillMyers to create new site navigation in Member Area
https://www.will-myers.com/products/p/main-nav-replacer

@DotcomMarket Keep the CSS in the Custom CSS area, that should work as normal. 
 
You can place the JavaScript in a Markdown Block somewhere in a section in your Footer area though and that should work. 

Hi @inluck - unfortunately, you can't edit the SEO settings of category or sub-category pages.
I have discovered a code from @WillMyers which works really well to help customise them/maximise SEO potential.
Feel free to check out the below video:
 

Thanks @paul2009!
@jorgeamrls, my mega menu plugin is one of my most popular ones. It can’t recreate the mobile menu exactly as drop-downs, as you have shown, but it follows the normal Squarespace structure on mobile where you can click into the folder and you can display your mega menu content there.
If you have any questions at all you can contact us via my support page too.

I haven't used any of them (I'm a developer so I build my own) but I hear great reports about the Mega Menu plugin for Squarespace 7.1 by fellow Circle Leader @WillMyers.

Thanks @Ziggy!
@Nikolas361, if you're interested. I have an article here about the different types of Comments you can use in the different areas:
https://www.will-myers.com/articles/adding-comments-to-your-code-in-squarespace

Thanks @Ziggy!
@Nikolas361, if you're interested. I have an article here about the different types of Comments you can use in the different areas:
https://www.will-myers.com/articles/adding-comments-to-your-code-in-squarespace

@WillMyers Absolutely recommend his plugins, have used them for yet another photography client. 

 https://www.will-myers.com/products
 

hey @tuanphan, thanks for the recommendation. It's not possible invert mine, that would require a different HTML setup, but that's pretty cool and a good idea for a future plugin!
@cwilk180, if your end up getting my plugin and have any questions let me know!

Ah, I think @WillMyers has a walkthrough for that! 
https://www.will-myers.com/articles/switch-the-logo-when-mobile-menu-is-open-in-squarespace

Happy to help, what page do you have this installed on? I'll need to look there to help troubleshoot. 

Feel free to submit a ticket here as well if you'd like: will-myers.com/ask

Hey @MarianaGR, I just put together a tutorial on this. Check it out here:
https://www.will-myers.com/articles/perfect-anchor-links-in-squarespace

I can recommend the solution from @WillMyers - good code which is easy to use and well-priced. I had been searching for ages to try and write this myself and had only ever got half-way to what I wanted. This code works nicely and didn't take very long to implement. Some understanding of coding needed and confidence with SS recommended.

Squarespace doesn't support more than one level of dropdowns. To get around this, I use a Mega Menu plugin like this one (affiliate link) from @WillMyers.

You are a genius @WillMyers! Thank you!!
 

What aboutttttt This?
 
/*Card Flip Effect*/ .image-block .sqs-block-content{ perspective: 2000px; } .design-layout-poster { position: relative; transition: transform 0.8s; transform-style: preserve-3d; perspective: 1000px; } .image-block:hover .design-layout-poster { transform: rotateY(180deg); } .design-layout-poster .intrinsic{ z-index:0; } .design-layout-poster figcaption{ z-index:1; } .design-layout-poster .intrinsic, .design-layout-poster figcaption{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .design-layout-poster figcaption{ transform: rotateY(180deg); background:black; /*Add if Needed*/ /*border-radius: 20px;*/ }  

What aboutttttt This?
 
/*Card Flip Effect*/ .image-block .sqs-block-content{ perspective: 2000px; } .design-layout-poster { position: relative; transition: transform 0.8s; transform-style: preserve-3d; perspective: 1000px; } .image-block:hover .design-layout-poster { transform: rotateY(180deg); } .design-layout-poster .intrinsic{ z-index:0; } .design-layout-poster figcaption{ z-index:1; } .design-layout-poster .intrinsic, .design-layout-poster figcaption{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .design-layout-poster figcaption{ transform: rotateY(180deg); background:black; /*Add if Needed*/ /*border-radius: 20px;*/ }  

Hi,
I see the site used Mega Menu Plugin by @ThompsonWebDesign 
However, you can also consider use Mega Menu Plugin by @WillMyers

@WillMyers has the answer and it's simple to implement (and works a treat - thanks Will):
 

I'd highly recommend this guy @WillMyers
https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace
Have implemented on my site.

Just purchased an accordion solution from  @WillMyers  here https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace
Very design oriented with multiple styling options already thought of and offered.
Simple to implement.
100% better than any free coded options.
And no I got no freebies. Just a really satisfied customer.