Title: Mobile Responsive Last modified: November 27, 2019 --- # Mobile Responsive * Resolved [hh](https://wordpress.org/support/users/hailhost/) * (@hailhost) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/) * Hi, * I’m having issues with mobile responsiveness on this plugin. The desktop versions seems perfectly fine, but when it goes mobile (Tablets & Phones), most of the information isn’t being show. * Could you assist? * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-responsive-52%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 13 replies - 1 through 13 (of 13 total) * Plugin Contributor [contactashish13](https://wordpress.org/support/users/rozroz/) * (@rozroz) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12179786) * [@hailhost](https://wordpress.org/support/users/hailhost/) could you please attach a screenshot so that we see exactly what you see? * Thread Starter [hh](https://wordpress.org/support/users/hailhost/) * (@hailhost) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12183622) * Thank you for your response, please see below: * ss1: [https://snipboard.io/vorcFu.jpg](https://snipboard.io/vorcFu.jpg) ss2: [https://snipboard.io/Upimdn.jpg](https://snipboard.io/Upimdn.jpg) ss3: [https://snipboard.io/dVgHzF.jpg](https://snipboard.io/dVgHzF.jpg) * Plugin Contributor [contactashish13](https://wordpress.org/support/users/rozroz/) * (@rozroz) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12183813) * [@hailhost](https://wordpress.org/support/users/hailhost/) it looks perfectly fine on the phone and on phone simulators. What phone and browser combination are you using? * Thread Starter [hh](https://wordpress.org/support/users/hailhost/) * (@hailhost) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12183976) * The screenshots are provided directly from an iPhone, I’ve also tested from various Android devices. If you also use the Chrome mobile inspect tool, you’d see similar results. Mainly the legend wouldn’t be seen. * Here’s another screenshot taken from Chrome tool [https://snipboard.io/tq5SrN.jpg](https://snipboard.io/tq5SrN.jpg) * Plugin Contributor [contactashish13](https://wordpress.org/support/users/rozroz/) * (@rozroz) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12187432) * [@hailhost](https://wordpress.org/support/users/hailhost/) this is how its supposed to work. That’s how it becomes responsive, otherwise you’d get a horizontal scrollbar. Please check [https://developers.google.com/chart/interactive/docs/gallery/piechart](https://developers.google.com/chart/interactive/docs/gallery/piechart) * Thread Starter [hh](https://wordpress.org/support/users/hailhost/) * (@hailhost) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12187438) * [@rozroz](https://wordpress.org/support/users/rozroz/), If you check the screenshot the legend is not visible/truncated. Is there no solution for this? E.g. bring the legend to the bottom of the pie chart when it goes mobile? * Plugin Contributor [contactashish13](https://wordpress.org/support/users/rozroz/) * (@rozroz) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12190659) * [@hailhost](https://wordpress.org/support/users/hailhost/) if you check the link, the charts behave in the same manner – that’s how the API behaves. Nothing we can do at the plugin end. You can use media queries in the CSS to change the position of the legend. * [dubaidogfish](https://wordpress.org/support/users/dubaidogfish/) * (@dubaidogfish) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12193115) * I think the only way to get the legend to be readable on phone would be to vertically stack it under the chart, however when you select place legend under chart (or above) it displays it side by side with a tab and you can only read the first few letters of each label. Does anyone know how to stack it vertically the same way it appears to the side of the chart but under it? Failing that are there any mobile responsive chart plugins someone could recommend? I guess last option with this plugin is to take a screenshot of the legend and just add it as a picture but it loses the click ability. * I’d be amazed if google who are all strictly pro mobile haven’t made this work for phones. * Plugin Contributor [contactashish13](https://wordpress.org/support/users/rozroz/) * (@rozroz) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12194804) * [@dubaidogfish](https://wordpress.org/support/users/dubaidogfish/) [@hailhost](https://wordpress.org/support/users/hailhost/) you are welcome to reproduce this on a jsfiddle and let us know if you find any difference from the behavior you see in the plugin. * [dubaidogfish](https://wordpress.org/support/users/dubaidogfish/) * (@dubaidogfish) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12195162) * Googling around yesterday the Google charts in general are not responsive. No idea how one might stack the legend labels vertically when under the chart. If i find any alternative that looks good on phone will let you know. * [carlybeee](https://wordpress.org/support/users/carlybeee/) * (@carlybeee) * [6 years, 4 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12220247) * I’m also wondering how to stack the legend underneath the chart (instead of laying out horizontally). Currently, our vertical axis data is getting cut off. * Has anyone discovered how to do this? * Plugin Contributor [contactashish13](https://wordpress.org/support/users/rozroz/) * (@rozroz) * [6 years, 3 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12272385) * In conclusion, the API does not support this. The only workaround is to use custom CSS. * Marking this as Resolved. * [carlybeee](https://wordpress.org/support/users/carlybeee/) * (@carlybeee) * [6 years, 3 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12273366) * Any CSS help would be greatly appreciated? Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Mobile Responsive’ is closed to new replies. * ![](https://ps.w.org/visualizer/assets/icon-256x256.gif?rev=3084574) * [Visualizer: Tables and Charts Manager for WordPress](https://wordpress.org/plugins/visualizer/) * [Frequently Asked Questions](https://wordpress.org/plugins/visualizer/#faq) * [Support Threads](https://wordpress.org/support/plugin/visualizer/) * [Active Topics](https://wordpress.org/support/plugin/visualizer/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/visualizer/unresolved/) * [Reviews](https://wordpress.org/support/plugin/visualizer/reviews/) * 13 replies * 4 participants * Last reply from: [carlybeee](https://wordpress.org/support/users/carlybeee/) * Last activity: [6 years, 3 months ago](https://wordpress.org/support/topic/mobile-responsive-52/#post-12273366) * Status: resolved