abc

Try this code:
.gallery-section .gallery-caption p { font-size: 18px !important; }  

I think we can implement some Css code to make the a tag cover all cell.
Kindly wrap the content in cell with the a tag and try the following style
.grid-cell a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } with the style, I think we should combine with block id so your css would not affect the other element on your site
Hope it makes sense

@sqsp you'll need to wrap the content within the <div class="grid-cell"> in an <a> tag and add some additional styles. See the following Codepen for a working example of the code you provided. https://codepen.io/jeremypeter/pen/yLzKaaM

I think if I understand you correctly the issue here is that the menu section begins below the "x" to shut it, so what we need to do is move the padding from outer container to the inner scrollable one and you should get the result you want. add this to your custom css and you should be alright
.header-menu.header-menu--folder-list { padding-top: 0 !important; } .header-menu-nav-folder-content { padding-top: 167px !important; }  

Yub, Simple can be harder than complex 😅 😅😅

I can't believe I didn't think of such a simple solution. Thank you so much!

try
@media only screen and (max-width: 768px) { .collection-type-gallery .grid-wrapper { height: auto !important; } .collection-type-gallery .grid-item-wrapper { position: static; width: 100% !important; height: auto !important; margin-bottom: 10px } }

Try adding to Home > design > custom css
.accordion-item__title { transition: color 0.5s ease; } Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

Perfect! Thank you so much!

Try
@media only screen and (max-width: 767px) { section[data-section-id="61baa2f6f5042d76c407d558"] .span-6 { width: 50% !important; float: left !important; } } Let me know how it works on your site
Support me by pressing 👍 if this useful for you

Site URL: https://steven.squarespace.com/test
On desktop, both text blocks are in the same row.
How do I achieve the same on mobile?
Thanks.

Thank you!!

Try adding to Home > Design > Custom Css
.focus-visible { outline: none; } Hope it helps
Support me by pressing 👍 if this useful for you

Perfect!
Thank you so much!

Try adding to Home > Design > Custom Css
.sqs-lightbox-slideshow .overlay-description-visible { bottom: 0 !important; } Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

Add to Design > Custom CSS
div#block-yui_3_17_2_1_1637333912554_2383 li:nth-child(2) .accordion-item__dropdown { display: none; }  

Thank you, this works!

Hi @alanx,
I suggest another solution with grid. Try the following code on your site
@media only screen and (max-width: 767px) { .summary-item-list { display: grid; grid-template-columns: 1fr 1fr; } .summary-item { width: 100% !important; } } Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

You're welcome!

Thank you! 👍

Sure, You can control a margin using next code:
@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-actions--right .header-actions-action--social .icon:not(:first-child) { margin-left: 3vw; } }  

Hey @alanx try to add next code into Custom CSS:
@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-burger { display: none; } .header .header-actions, .header .header-actions-action--social { display: flex; } .header .header-title-nav-wrapper { flex: 1 0 67%; } }  

Please replace, I changed the code and let me know if it work.

Site URL: https://for-testing.squarespace.com
Password: test
In Squarespace 7.1 on mobile, social icons are always inside navigation overlay at the bottom. Instead, I would like to move them into header and hide burger menu.
Desired effect:

Thanks so much!
I thought it was possible with something like:
blah-blah-blah:after { content: 'custom text'; }  
Anyway, your solution works.