[SOLVED] For PC and for mobile

Hello,

I've made a custom template which looks fine on PC, but not on smartphone.

Would you recommend to adapt it (how?), or is it better to make a separate template for mobile?

Good night.
HervE

Hello

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"
Read more here:
www.htmlgoodies.com/beyond/css/targeting...ur-style-sheets.html
www.htmlgoodies.com/beyond/css/targeting...ur-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 you can create different HTML for mobile devices (that is more suitable for them)

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

Hello,

Thanks for the good advice!

I managed to reduce a picture for mobile this way:
Now I've got on more question. Is it possible to 'tell' FLEXIcontent to display, let's say the m_picture.jpg on PC but the s_picture.jpg on mobile?

Good night.
HervE

Hello

no option for this,
- there is a parameter to use different Javascript Gallery for mobile clients
(find the parameter inside the viewing TAB)

2 Parameter names:

Gallery Layout (Desktop clients)
Gallery Layout Mobile clients