L1NST3R

@creedonIt worked, thanks! However, on mobile it doesn't really fit to have 3 columns. Is there a way to make this only apply to desktop view?

Thank you so much for helping me with this! It works exactly as I wanted now!

Hey, that worked, thanks!

Site URL: https://www.tgtfresh.com/fresh
Is there a way to reduce the spacing on the sides of the mobile store page? Thanks!

Site URL: https://www.tgtfresh.com/
I'm hoping to sort of delaying the scroll back header from hiding when I'm scrolling down to only start to hide after I scroll past the first section or two, so there wouldn't be a blank area most of the time when the page isn't completely scrolled to the top.

Secondly, since I'm hiding the logo with instructions from https://schwartz-edmisten.com/blog/shrink-logo-on-scroll-in-squarespace-71 on mobile, and modified to transform instantly, the logo makes the page jump a bit every time I scroll to top - I'm thinking that delaying the scroll back to somewhere lower than the top of the screen might make this process off screen and reduce its impacts.
Also, is there a way to disable the code for shrinking the logo when I'm in the overlay navigation menu?

Thanks for these, they're working exactly as I needed! 

#3. Can you explain in more detail? I thought you want to move arrow up?

Try adding to Design > Custom CSS
body.header--menu-open [class*="mobile-info-bar"] { display: none !important; }  

Site URL: https://tgtfresh.squarespace.com/
password: 0815 (it's in mandarin)
Since learning that my country and its currency (Taiwan) are not supported by Squarespace Commerce, I've tried, and partially successfully changed some portions of my store into using the Shopify Buy Button system. However, since I'm quite bad at these things, I've found Shopify's interface, and the embedding system particularly confusing, and haven't been able to recreate many of the key elements that previously existed in my Squarespace shop. I was wondering if anyone has experiences with, or examples of, successful/functioning implementations of this on their Squarespace shop. Any help will be greatly appreciated!
Some of the key issues that I encountered:
Needing bigger product pop-ups after clicking "open product details" No zooming when hovering over product pictures with cursor No way of organizing the store (like how it's automatically done with tabs and breadcrumbs with Squarespace) (If some products overlap in their categories, would I have to just do duplicates?) Can't customize the cart at all / Is there a way to replace the original cart on the top right with the Shopify one? Or at least move / change the appearance of it (I have hidden the original cart, and hidden the footer add to cart so the Shopify cart appears universally) (Is there a way of sorting with a drop down menu?) (Is there a way of having more than one product per row on mobile, and more than 3 per row on desktop?) (If the pop ups cannot be enlarged / covering the page, and I'd have to use shortcuts to new pages to mimic a shop, which format would be best as a replacement store as a hub to redirect to each product?  
 

#2. The code doesn't work or???
#3. Use this new code. You can adjust -2px value
a.header-nav-folder-title:after { content: "\e009"; font-family: 'squarespace-ui-font'; position: relative; top: -2px; } /* Dropdown auto width */ .header-nav-folder-content { width: auto !important; min-width: unset !important; }  

Which page in screenshot? I don't see problem on homepage

#1. Add to Custom CSS
a[data-folder-id] { position: relative; right: -10px; } #2. Add to Custom CSS
[data-folder] .header-menu-nav-folder-content { justify-content: flex-start; } #3. Use this CSS
a.header-nav-folder-title:after { content: "\e009"; font-family: 'squarespace-ui-font'; } /* Dropdown auto width */ .header-nav-folder-content { width: auto !important; min-width: unset !important; }  

Add to Code Injection Footer
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> // move shopify to product description // checked by tuan phan squarespace forum $(document).ready(function() { $('section.ProductItem-details').append($('section.ProductItem-additional .code-block')); }); </script>