Trouble with Mobile Settings not working

We have an old site that we built with Enfold a couple of years ago. We had a developer help us with it and she did a great job, but she put a lot of code around different sections to customize it a bit. This was before the Enfold mobile options were so robust.

Now she has come back to us and asked us to make mobile look better. No changes to the desktop version, only mobile. When we go in to make changes, we are finding that some of the elements are not “hiding” on mobile, and vice versa, not “hiding” on desktop.

We know that when we first designed this, we had her “force” break the code so it went to mobile at the ipad level, and we can see that there is extra coding around certain elements that might be making the mobile version so difficult….

Possibly guide us as to how to work around those type of issues?
Also is it possible to create a separate page for the mobile homepage and keep the version we have now on desktop? So essentially you would have a mobile homepage and a desktop homepage?

We have set up a staging environment set up I will include login info.
I made a video trying to explain what is going on with the site I will include it below.
Essentially the enfold screen options function that allow you hide certain sections on desktop vs mobile are not working making mobile edits really difficult for me.