[SOLVED] For PC and for mobile

2 years 5 months ago - 2 years 5 months ago #60918 by hervemlam
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

MySQL 5.5.5
PHP 7.0.26
Joomla! 3.8.6
FLEXIcontent 3.2.1.14

Please Log in or Create an account to join the conversation.

2 years 5 months ago - 2 years 5 months ago #60919 by ggppdk
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


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

2 years 5 months ago #60999 by hervemlam
Hello,

Thanks for the good advice!

I managed to reduce a picture for mobile this way:
@media only screen and (max-device-width: 979px) {
  img { 
    width: 200px; 
  }
}

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

MySQL 5.5.5
PHP 7.0.26
Joomla! 3.8.6
FLEXIcontent 3.2.1.14

Please Log in or Create an account to join the conversation.

2 years 5 months ago #61004 by ggppdk
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


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.