Layout Issues on Shop Page and Footer

Hello, my website is having layout issues on mobile. The acrhive products column doesnt fill 100% of the page on mobile , even though it is set to 100% in elementor. I have tried clearing my WP Rocket Cache and regenerating Elementor CSS, aswell as disabling all plugins except Elementor and Woodmart Core. The issue still persists. My footer columns are also set to stack at 50%, 50%, 50% and 50% on tablet and all 100% on mobile. Yet the footer keeps the desktop layout and doesnt stack the columns

Hello,

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.

Kind Regards

This workaround doesn’t seem to solve the issue for me, unfortunately 🙁

[Luke Nielsen]

Hello,

As I mentioned above, this issue is related to the Elementor itself so I suggest in this regard to contact their support team for further solutions.

Also, on my side, the Footer appears well now.

https://monosnap.com/file/u2MujDGyKjCvcwLBdnDcr6HNUyv7sa

Kind Regards

• This reply was modified 1 year, 3 months ago by Luke Nielsen.

[Author]

Posts