The best approach would be as toscho said in the comments – to write your own script an make it mobile friendly from the start. But if you want a quick, temporary solution you could do something like this:
<div id="maincontainerWrapper" style="overflow: auto;">
<div id="maincontainer" style="position: relative;">
...
</div>
</div>
then your calculator app will be accessible in full width by dragging it left and right which would be uncomfortable and unintuitive for your users.
Related Posts:
- What is the difference between “SMS Push” and “WAP Push”?
- Proper usage of wp_is_mobile()?
- How do I make my blog iPad / iPhone / Android friendly?
- WordPress REST endpoint with JSON for Mobile App integration
- WordPress on WP7
- Developing mobile version of WordPress site
- How can i disable a plugin for a mobile phone?
- How can I make a wp site in a mobile application?
- Why I am getting Parse error: syntax error when I use ‘wp_is_mobile’?
- Mobile Menu Not Showing
- Querying custom fields with Carrington mobile theme
- Is there any mobile application for WordPress? [closed]
- detect screen width in functions
- A URL that links specifically to the mobile version of my site?
- How to disable/enable specific plugins for a mobile theme?
- Elements floating on top of each other when Resizing or checking site on mobile. Twenty Twelve
- Mobile theme not showing correct page after custom re-writes
- My website is not responsive on mobile devices
- Best method for loading content on mobile – issue with wp_is_mobile
- Why is only one page responsive? [closed]
- Strategy for making a mobile version of an existing site? [closed]
- How can I redirect mobile users to diff url, but also allow them to come back to full site
- Open Menu is not working in Mobile view [closed]
- WordPress website loads fine on desktop browsers but Safari for iOS cannot load it completely [closed]
- Static page for desktop or mobile
- $is_iphone – to redirect a page
- Quick login from mobile phone
- How can I use my blog page as the homepage but only for mobile/tablet visits?
- Dropdown menu not displaying in handheld slide menu effect
- create a button in the header of the mobile menu in the middle of the logo and the menu accordion
- How to disable the topbar in mobile? [closed]
- WordPress mobil will not scroll
- Disable rendering of objects on mobile/above certain screen resolution
- Adapting “wide with” Gutenberg blocks for mobile
- Close Mobile Slide Menu on Click
- How can I hide/show text only for mobile users?
- Different Home page for Mobile without changing URL
- Add audio post from smartphone
- Display posts on a map
- responsive website
- Mobile Menu not working on TwentyThirteen child theme
- change theme when on mobile and also on Ipad portrait view
- Subdomain for WP Mobile Edition and Cloudfare
- How can I stop Jetpack mobile theme from using full size featured images?
- website is viewing as mobile, how do I turn this off?
- Work on two different themes at the same time in wordpress
- How to disable fancybox on small screens
- Add exception to WP Mobile Detector
- Using WordPress as a Mobile App Backend
- WordPress Mobile Edition not working with WP v3.5
- Why doesn’t the mobile version of my website take updates?
- Links not showing up on “AMPforWP”
- Viewing a WordPress website in landscape [closed]
- different startsite for IOS and change menu
- wordpress fancybox responsive mobile or pc version [closed]
- Separate Mobile site
- Not able to see updates my mobile after making updates on wordpress mobile version
- Not working Mobile view and Desktop view properly when we searched on website
- Mobile App Not Posting, Debugging Options
- Vertical scrolling is not stopping correctly in Mobile and Desktop
- WordPress blogsite logo is different on my computer and mobile
- mobile menu is not showing
- How do I enable automatic stacking for mobile?
- How to hide or change mobile header logo with Additional CSS or custom PHP
- @Media min-width & max-width
- How to print to the console in Android Studio?
- How can I edit a .jar file?
- What is the best way to detect a mobile device?
- How to detect mobile devices and present them a specific theme?
- Disable plugin / plugin action via theme
- Is wp_is_mobile() effective?
- Excluding iPad from wp_is_mobile
- Building a custom REST API
- Create mobile site with same content just different theme
- What’s the best way to use the Featured Image for responsive web design?
- WP Multisite: load content from site X on site Y
- wordpress json custom taxonomy problem
- How-to make the admin area mobile friendly [closed]
- How to stop mobile theme inheriting desktop navigation menu?
- How can I have two different urls for the same page that load two different templates?
- How-to add rewrite rules to point the uploads folder to a subdomain
- Add Useragent to the body class?
- Deactivate plugins only for mobile devices
- What’s the earliest point I can get the queried object ID?
- Using a Theme inside a Plugin directory
- How to get a different mobile menu than desktop menu in the twentytwelve child theme
- How to include one class/instance without using global variables
- WP Super Cache separate cache for mobile
- Change the default number of posts to show on mobile version
- Ajax template: how to handle head section
- Load a theme based on browser detection
- Possible to filter the posts or categories that XML-RPC users see in their mobile application?
- How Can I Have A URL Changed Based on the Originating URL?
- Programmatically Selecting Theme Based on URL
- Using subdomain m.website.com for mobile theme?
- Disable Linked Gallery Images If Mobile Browser
- How to add iOS & fav icons to the theme?
- $args numberposts variable
- How to switch css files according to devices and button click?
- Is there a plugin which disables other plugins for mobile browers?