[SOLVED] For PC and for mobile

More
8 years 8 months ago - 8 years 8 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

PHP 8.1.16
Joomla! 4.3.3
FLEXIcontent 4.1.5
Last edit: 8 years 8 months ago by ggppdk.

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

More
8 years 8 months ago - 8 years 8 months ago #60919 by ggppdk
Replied by ggppdk on topic For PC and for mobile
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...
Last edit: 8 years 8 months ago by ggppdk.

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

More
8 years 8 months ago #60999 by hervemlam
Replied by hervemlam on topic For PC and for mobile
Hello,

Thanks for the good advice!

I managed to reduce a picture for mobile this way:
Code:
@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

PHP 8.1.16
Joomla! 4.3.3
FLEXIcontent 4.1.5

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

More
8 years 8 months ago #61004 by ggppdk
Replied by ggppdk on topic For PC and for mobile
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...

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

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.337 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline