Sorry to bother you once more experts.
Dharmendra was kind enough to help with adding responsive features to our gridview controls using jQuery footable plugin.
The problem is that Dharmendra's solution works perfectly when I run it on my laptop in our localhost.
However, when we deploy the app to our production server, some label texts are overlapping the rest of the gridview controls.
For instance, four label controls, Employee Name, Your Title, Your email, Your Employee ID are overlapping the gridview controls.
What is even more weird is if I remove those labels from the form, they still appear on the gridview controls.
https://www.kenig-dev.tech/wp-content/uploads/2025/02/disc.png
<label id="lblEname"><span style="font-weight: bold; font-size: 16px; color: #000000;">Employee Name</span><span style="color: #ff0000">*</span></label>
<label id="lblTitle"><span style="font-weight: bold; font-size: 16px; color: #000000;">Your title</span><span style="color: #ff0000">*</span></label>
<label id="lblEmail"><span style="font-weight: bold; font-size: 16px; color: #000000;">Your email address</span><span style="color: #ff0000">*</span></label>
Below is an image of the controls as they overlap the gridview controls. In this image, I only display gridview with item 1.
<label id="lblEname"><span style="font-weight: bold; font-size: 16px; color: #000000;">Employee Name</span><span style="color: #ff0000">*</span></label>
