FC template issues in mobile visualization

Hello,

with relation to this topic www.flexicontent.org/phpbb/viewtopic.php?f=9&t=8053 , I have just installed FLEXIcontent v3.0 Beta2 version.

Consequently, I have noticed some issues in the mobile visualization of the website:

1) the social toolbar goes over two and more lines and disappears in its box ("subtitle 1" position in customised "default" template) (Attachment mobile1);
2) the image lightbox that pops up when the image is clicked is much bigger than the mobile screen and one has to move around the screen (with horizontal bars appearing in the browser) so as to find the X to close the lightbox window (attachment mobile2);
3) the fields in the "top" position of the customised "default" template are not adapted for the mobile visualization and end up creating a very long second column as in the attachment (mobile3). This happens when the XHTML parameter is set in the corresponding Model. It does not happen when HTML5 is selected. However, I would like to leave XHTML selected, because otherwise the desktop visualisation changes (see attachment desktop1) and I don't like how it appears, unless there is some way to change the html5 visualisation as in the attachment.

Do you know how to fix these problems?
I'm no coding expert, but I can follow instructions fine.

Thanks!

here is attachment desktop1

At first how your joomla template ?
1 without link difficult to test
2 lightbox => change galerie js for your field (like facyn box)
3 for xhtml then html5 => html5 use bootstrap jquery = better responsive
you need to adapte your flexicontent template with media jquerie class

Hello micker, thank you for your answer!

First of all, I have chosen fancybox for the image and it now shows fine both on desktop and mobile versions of the website.

This is the test site I'm working on: tinyurl.com/kmqyfyy

I have now set up the content type to html5, as you suggested, but I am no coding expert and I would not know where to intervene and what to write, in order to make the following changes:

1) make the social toolbar not disappear below two lines (for the mobile version);
2) move the "top" block of fields from below to next of the image and modify its width so as to make it in line with other blocks (for the desktop version);
3) to make the table in the "description" position stretch to its full width (for the desktop version). Please note in this regard that for the table I'm using the following code:

This code worked fine before upgrading to FC 3 beta 2, in the sense that it stretched the table to 100%. Now, this can only be achieved if some text is used in the same text area, as you can see for the first table in the link. What has been changed from FC2.2.1 to FC3 that has caused this change of behaviour in the "description" position of the default template layout?

Please help me fix these problems, thanks! :roll:

Hello

you can use a different template for mobile clients

-- enable "mobile layouts" parameter in component parameters (inside the 1st tab)

then in your
- content type configuration
- category configuration


you will be able to select a different layout, which you can customize to your needs

you need to learn more about css
1 need to recode it ... note simple work
2 just do a 3 i recomend to use this plugin for better responsive table
www.web-eau.net/developpement/re ... les-editor
regards