Single CSS issue on website build - very quick job

Hi,

I am looking for what I am sure is a quick fix. The issue is that I am building a website on Wordpress using Elementor and want to show a video background on mobile, so am using the below css to override the setting.

.elementor-hidden-phone {
display: block !important;
}

This is having the side effect of making other elements hidden by the responsivity to show. I my case, it is showing to menus, as I am using one menu for mobile / tablet and another for desktop.

All I need is for someone to give me the relevant code or to login and fix - but explain the change.

I cant imagine this is more than a ten minute job if you know how.

Cheers,
Tim.