Broken Design on Mobile

This is an awesome plugin. It is very useful and well programmed.

I use these shortcodes in the content on a website but they aren’t always mobile friendly.

They mechanically work, but the design breaks on a few things.

The issue at hand is the tabs shortcode. Output is perfectly simple to customize however you want in CSS. My problem is that the tabs container breaks the design so the tabs are all stacked above the tabbed content. I cannot figure out the best application for mobile.

Here’s the example website. Delete the sidebar div in developer tools to see the tabs.

https://kitchencabinetsky.com/kitchen-bath/

su-tabs-vertical class should be on-click activated to display a drop down for mobile devices. User agent would be ideal. Width conditional styles would be perfect too. Or something ??

I’ve tried to write up a solution without success.

Any insight is appreciated.

https://www.ads-software.com/plugins/shortcodes-ultimate/