How to target mobile devices

  • Published by
    George Papadakis
  • Last modified
    28 November 2017
  • Up to date
    Yes
  • Profile concerned
    Webdesigner, Developer
  • Concerns
    Component Template
  • Since Version
    3.X
  • Voting
    Average rating
    3 votes
  • Favourites
  • Tags
    templates

2 ways:
- the usual way is to use CSS to target mobile devices, this way you will serve (send) the exact same HTML to all clients
the be able to apply different CSS you need to use "CSS  media queries"
e.g. Read more here:
http://www.htmlgoodies.com/beyond/css/targeting-specific-devices-in-your-style-sheets.html
www.htmlgoodies.com/beyond/css/targeting-specific-devices-in-your-style-sheets.html

- you can enable mobile templates in FLEXIcontent component parameters
then in component / category / TYPE/ item  forms,   you will be able to select a different FLEXIcontent template, thus be able to create different HTML for mobile/tablet devices

BUT you will still need to use  "CSS  media queries"  to target different mobile cases