Zendesk Widget Placement on Website

We are deploying a new theme that uses a sticky menu bar at the bottom for mobile users. We also use our Zendesk Widget and would like to continue doing so, however on mobile it overlays on the menu bar and does not look good or make it easy for our users (I've included a screenshot). I'd like to have the widget stay in the bottom right corner for desktop, but on mobile make it a sticky bar/button on the right side of the mobile screen. I am able to use Zendesks documentation to offset and reposition the widget, but not make it static on the right side of the mobile pages. I've included a screenshot of what I'd like it to look like. Thank you!