Dhowbearcat

A tip for those just getting started.
Many folks focus on the design of their site first. It's natural. You want to make a pretty site to sell your product(s). Then they move onto the technical backside of payment processing and such.
I suggest flip that around! Exercise the technical backend bits first! Understand how the orders flow through the system. Run test orders where possible and real orders with an amount of a $1.00.
Get to know the flow from the customer perspective and the merchant perspective.
Once you have a better understanding of the backend proceed with developing the rest of your site.

Thanks for the confirmation @creedon
Appreciate it!

I followed paul2009's steps yesterday and was able to reproduce the issue.
I tested again after you made the change, just now, it appears to be working fine.

You are using a Brine-family template and this issue is because of Ajax Page Loading. I wrote about this issue and how to solve it here: Why does Squarespace code only work on refresh?
You can reproduce the issue if you use an incognito window to visit your homepage first. Then, navigate to the 'build your trip' page using the page link. You'll see the accordion doesn't work. When you refresh the page, the accordion will work.

I used Edge and can't reproduce the issue, did it just randomly show up

I was not able to produce an error/failure on Chrome.

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/build-your-trip
Hello,
I have coded accordions for my website and they seem to work for some people and not others.
I've been able to recreate the issue where the accordions don't open on google chrome and mobile view via google chrome. 
I'm not seeing any particular errors in the console that is pointing to this issue.
Could anyone see if they are able to recreate this issue in chrome or if they are able to help?
https://tulip-ranunculus-xc8d.squarespace.com/build-your-trip
Password: "SuperTrip"

@Dhowbearcat Don't remove above code
Add this to Design > Custom CSS
@media screen and (max-width:640px) { section#up-trip-pt2 .columns-12>.row { flex-direction: column-reverse !important; } }  

It will be easier if I can look at the site first hand. You can go to settings-->Site Availability-->  then change to password protected. 
Provide the site URL and the password and I'll be able to have a better look at it.

Yes Thanks Banank36! How did you know what collection and classes to target?
I'm sure I will be doing this on other pages. So would like to know for the future.
 

I'd also like to see Squarespace add the Lightbox option(s) to the other designs (ie. Slideshow, Carousel, Stacked). The workaround above is clever, but not very simple to implement or maintain. Also, why is the "Show description on hover" option not available on all designs either? It seems like a pass reconciling the various unnecessarily unique gallery options is past due.

Hey TuanPhan,
I was able to fix it with this code below:
@media only screen and (max-width: 768px) {     #block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content {         height: 200px;     } }  

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/aboutus
Hello,
I am trying to have an image collage stack on mobile. On mobile currently it alot of the image is cut off currently and looking to rectify that. 
This website provides a great example of what I am trying to achieve: https://est-bostoncopywriter.com/about.
The page I am trying to edit is here: https://tulip-ranunculus-xc8d.squarespace.com/aboutus
Password: "SuperTrip"