I am trying to convert my site from Joomla 3.10 to Joomla 4.1. I have decided to move from the JSN Epic 2 template to the JA Edenite II template.
My production site is www.mwphrf.org. My Joomla4 site is a development site running under Wampserver on a windows desktop. Production is running Joomla 3.10.8, PHP 7.4.28 and Apache under Linux. Development is running Joomla 4.1.5, PHP 7.4.26 and Apache on Windows 10.
My issue is that data input fields are being displayed below the label for the field and drop-down type inputs are displayed correctly, to the right of the label. It all works correctly in production, they are all to the right of the label. Note, each label includes a "tooltip".
It doesn't seem to matter how wide I make the browser window. These data input fields are all being displayed below the labels.
I have provided a screen shot of production, as well as two screen shots of my development system, as well some of the page source for the development system.
This is a custom component written by me. It has been in production since early 2019, and I am in the process of updating it to be compatible with Joomla4.
Note: I happen to have debugging set to "on". But turning debugging off does not solve the formatting issue.
Any suggestions as to why these data input fields are not being displayed to the right of the labels? (Since this is running on my desktop, I cannot give you access to it.)