When I load on desktop as mobile view, the layout switches to the table stacked, which I like. But when I actually load the website on any mobile device, it tries to cram the table into a side-by-side view that I don’t want. And I can’t find any CSS to fix this.
The issue is caused by Fluid Engine. To fix the issue, you need to reinstall the widget without using Fluid Engine. Here is an article (Eliminating paddings using Classic Editor) that explains how you can do this.
However, if you face any difficulties, please let us know. Our devs will gladly assist
This is not going to work for me because I am utilizing the Fluid Engine all over my site. If I revert to the Classic Editor it will change the entire layout of my site. Please advise moving forward and fixing this with CSS or an alternative solution.
I fixed it by not stretching out the code injection block to the edges of the screen, but instead making it inset on the page. I did not have to change to Classic Editor.
I can’t take a screenshot right now, but I realized that in the mobile editor view, if I don’t drag the code block to the edges of the window, but instead keep it within the given margins, it works correctly, no code or anything needed. That was the fix for me. Let me know if you still need help.