Hi - I'm having trouble styling sections & blocks. I've inserted code to do two things:
1. reverse the display order on mobile (using section id)
2. split the text into 2 columns on desktop/laptop (using block id).
The site is https://spinach-crow-ktsp.squarespace.com/publications-speaking
I've inserted this code for the "Publications" section of the page:
@media screen and (max-width:767px){
section[data-section-id="635c34bedeb2fd442065ab8f"]{
.sqs-row{
display: flex !important;
flex-direction: column-reverse !important;
}
}}
#block-yui_3_17_2_1_1666977167775_361208{
@media screen and (min-width: 768px){
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important;
column-count: 2 !important;
-webkit-column-gap: 60px !important;
-moz-column-gap: 60px !important;
column-gap: 60px !important;
}}
but it doesn't work (I've checked in Chrome / FF / Safari on Mac desktop, and Safari on iOS). Any ideas are greatly appreciated, as from what I can tell the code and block/section ids seem correct. Site is password-protected with password kralowec. Thanks!