Hi 🙂 I have some sections on a page of my website that I want to show in mobile view (i.e. stacked) on screen widths of less than 1024px. I have searched the forum, but can't find code that seems to work in my case.
I want to stack the two sections that have 4 columns across (as they become too squashed when the screen gets much below 1024px). Can anyone help me with code?
I have tried the below custom CSS, but it doesn't seem to work:
@media only screen and (max-width:1023px) {
section[data-section-id="63ff72ad1ff37c208d22c17d"] .col {
width: 100% !important;
margin-bottom: 10px;
}
}
The page link is below and it has a password: ebw
https://ebw-global-dev-site.squarespace.com/business-eq-assessment
Thanks in advance for any help anyone can offer 😄