My footer looks very good on desktop, but on mobile, the columns appear next to each other instead of on top of each other. (I’m using the original footer which came with the woodmart theme)
The column width percentage of mobile is set to 100% on elementor, it stills places all columns next to each other on mobile.
(please note, on elementor mobile view, it looks OK).
There is a bug in the Elementor plugin and you can read a similar issue on their Github https://github.com/elementor/elementor/issues/16467
As a workaround, you need to click on the “Preview” button while editing your footer HTML block. And always keep the preview window opened whiled customizing and saving your HTML blocks with Elementor.