By jag1500 on

I would like to better display my Drupal site in mobile. Any tips or tricks for that?

I also found following modules, can you let me know what is good and what does it do:
https://www.drupal.org/project/views_mobile
https://www.drupal.org/project/mobile_detect
https://www.drupal.org/project/mobile_switch
https://www.drupal.org/project/mobile_tools
https://www.drupal.org/project/mobile_navigation
https://www.drupal.org/project/mobile

Thanks

⋅ Categories: Drupal 7.x

Comments

bander2’s picture

bander2 commented

Display is the job of the theme:

https://www.drupal.org/project/project_theme

The modules you listed are mostly for detecting mobile devices and switching the theme to a mobile one. I think that method is outdated. Responsive themes are the norm these days. So my advice is to just use a responsive theme.

- Brendan

jag1500’s picture

jag1500 commented

Thanks, even though i made min size of my site to 500px and max size to 1200px, when i view it on my phone, the text seems to be too small. what are the dimensions and styles i can use to make the text look bigger on mobile?

John Pitcairn’s picture

John Pitcairn commented

Min size for many older/cheaper mobiles would be 320px.

You will also need to ensure your theme includes an appropriate viewport meta tag in the document head. Something like:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes" />

Jeff Burnz’s picture

Jeff Burnz commented

Start off with it larger to begin with, then use a media query to reduce the font size in larger viewports.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.