Phex

Thanks a lot @creedon @melody495 for the help!
Seems like the code u mentioned really was the problem @creedon
I changed it for yours, now the blocks are separated again and I can finally edit the gallery. Thank you so much!

Thanks a lot @creedon @melody495 for the help!
Seems like the code u mentioned really was the problem @creedon
I changed it for yours, now the blocks are separated again and I can finally edit the gallery. Thank you so much!

To rule out your browser, try the troubleshooting steps 1) 2) 5) here https://support.squarespace.com/hc/en-us/articles/115004581087-Troubleshooting-browser-issues 
If not, then I suggest contacting SquareSpace support, as this is an issue with functionality. These forums are not monitored by SquareSpace.
You can contact them here, https://support.squarespace.com/hc/en-us/requests/new
I find their live chat support very useful and responsive!

Use this new code
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1665509487905_5174 .summary-item { width: calc(~"50% - 10px") !important; float: left !important; padding: 0 !important; margin: 0 !important; position: relative !important; height: auto !important; top: unset !important; left: unset !important; margin-bottom: 20px !important; } div#block-yui_3_17_2_1_1665509487905_5174 .summary-item:nth-child(2n+1) { margin-right: 20px !important; } div#block-yui_3_17_2_1_1665509487905_5174 .summary-item-list { height: auto !important; } }  

It looks like you solved with?
@media only screen and (max-width: 767px) { section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row>.col>.row { display:flex; flex-wrap: wrap } section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row>.col>.row>.col { width: 100% !important } section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row>.col>.row>.col:last-child { order: 1 } section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row>.col>.row>.col:first-child { order: 2 } } Do you still need help with any problems?

My testing

Try adding to Home > Design > Custom Css
@media only screen and (max-width: 767px) { section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row > .col > .row { display: flex; flex-wrap: wrap } section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row > .col > .row > .col{ width: 100% !important } section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row > .col > .row > .col:last-child { order: 1; } section[data-section-id="61e162c50352595445aa7490"] .content .sqs-layout .row > .col > .row > .col:first-child { order:2; } } Let me know how it works on your site
Support me by pressing 👍 if this useful for you

Spandovia
https://echidna-sheep-7ykn.squarespace.com/ueber-uns
#1. To change logo on one page, add this code into Page Header
<style> .header-title-logo img { content: url(https://cdn.pixabay.com/photo/2022/01/20/14/16/ladybug-6952412__480.jpg); } </style> #2. Add to Custom CSS
/* align logo burger */ .header-display-mobile { align-items: center; } .header-title-nav-wrapper { align-items: center; } .header-title-logo { align-items: center; display: flex; } #3. Add to Page Header
<style> .header-title-logo a:after { color: white; } </style> With circles color, add this CSS
.direction-l .flag:before, .direction-r .flag:before { border-color: #005abc !important; } #4. Add to page Header
<style> .header-title-logo a:after { color: black; } </style> #5. Add to Design > Custom CSS
div.container.header-menu-nav-item a { white-space: nowrap; } #6. Same code with #4. 

Do you still need help with mobile?

@Phex Try this CSS
.tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnail { padding-bottom: 20% !important; } .tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnail img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; }  

Add this to Design > Custom CSS:
span.event-datetime-divider, time.event-time-localized-end { display: none; }
Did this help you today? Please provide feedback by clicking a 'Like' or 'Thanks' icon below  ⬇️

Add to Design > Custom CSS
/* Timeline Vertical line */ ul.timeline:before { background-image: linear-gradient(to bottom,rgba(80,80,80,0) 0%,#b6b53d 8%,#b6b53d 92%,rgba(80,80,80,0) 100%) !important; }