Hi, Lucy's IT friend here. The issue I'm having involves a difference in how the template renders actual site content when in debug mode or not. More specifically, it renders the content
correctly when in debug mode (debug = true on the configuration.php file), and
incorrectly when I turn debug mode off. Here are the details...
I used Migrate Me 4 to create an upgraded Joomla 4 copy of the Joomla 3 site in an mm4 directory. After doing that, I have to uninstall the j51 enlighten template on the mm4 site and reinstall the version for joomla 4. Once I've done that and updated the template settings to what they were on the joomla 3 site, then the mm4 site looks the same as it did but only in debug mode.
The problem affects anything on the page that has a collection of divs with class 'module'. When in debug mode, the module divs all display on the page as they should in the order they come in. If I turn debug mode off, suddenly only the top module div in the collection displays and it's height takes up its entire parent element. The other module divs are present in the html but they are all hidden underneath the first and also have heights that take up the entire parent element.
To demonstrate here is a picture of the sidecol_a content with debug mode on
And this is the same content having only turned debug mode off.
As you can see the 'Make Reservations' list disappears and all that's visible is the box of example content.
This same behavior happens anywhere there are collections of module divs and on every page. I've looked through the document structure and class names and they are identical in both versions. I'm sure that I could find a custom css line to put in that would fix this problem but that doesn't seem like how it should be fixed. Any suggestions?