Molololol

Hi @Ricky10 I used the will myers mega menu plugin, its $10 and very easy to install
 
https://www.will-myers.com/products/p/mega-menu-for-squarespace-71

Add to Last Line in Code Injection > Footer
<script> jQuery(document).ready(function($){ $('section.ProductItem-additional').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper'); }) </script> <style> section.ProductItem-additional { order: 6; } </style>  

Hi, 
I am having two difficulties I'd like help with. 
website
password: accesscode
1) I'd like there to be no bottom border on the header until you scroll ever so slightly. 
2) I'd like for open mega menus to have the same border (1px, solid, #BDBDBD) at the bottom only, and rid the header of its bottom border. I've been able to make the header border disappear with an open mega menu with this code:
.wm-active-mega-menu {.header-border { display:none!important;   }} but I can't figure out how to make a code for the divider on the mega menu to appear. When I try putting dividers into the footer section of the mega menu, the mega menus stop working altogether. 
Thanks in advance for your help!
  

Hi @Melonmade, try adding this to your Custom CSS and let me know how it goes
.sqs-block-image div[data-shape-mask="circle"] img { border: red solid; // change first value to different colour border-radius: 100%; border-width: 5px; // change value for thinner/thicker border box-sizing: border-box; } This will target all your circle images. If you need to target specific images, then you need to add the specific ID for each image.

Sorry I just saw this, I managed to work it out - thanks for your reply!