OllieWP / ollie

A finely-crafted WordPress block theme by Mike McAlister
https://olliewp.com
GNU General Public License v3.0
334 stars 44 forks source link

Reverse column direction on mobile #115

Closed mbelmar05 closed 5 months ago

mbelmar05 commented 5 months ago

Hi there. I'm attempting to reverse the column direction on mobile. I've experimented with the following CSS in the Ollie theme style sheet, but unfortunately, there's been no change. Are there alternative methods I could explore?

@media only screen and (max-width: 769px) {     .swap-on-mobile {         display: flex !important;         flex-direction: column-reverse;     } }

Thanks in advance.

mikemcalister commented 5 months ago

Hi there,

This CSS works for me. You need to place this CSS in the Additional CSS panel in the Styles tab. And then apply the swap-on-mobile class to the Columns block.

mbelmar05 commented 5 months ago

Ohhh. That's where it is. Thanks so much !!