I added some code to create a split-color background in a section of my website. The split is 50% across the section, creating two side-by-side color blocks on the desktop view. However, when I switch to mobile view, I would like to see those color blocks stacked on top of one another in connection to the two different text blocks, rather than spitting the screen in half. Is there someone who could share how I might do that?
The code I used is:
section[data-section-id="6547cf961b4ccd73e14235f0"].page-section .section-background {
background: linear-gradient(to right, #F7C142 50%, #73CCE3 50%)!important
}
And here is a screenshot of how this looks on desktop, and mobile.
Thanks