responsive Image Effect CK

responsive Image Effect CK was created by Haberek6

Posted 5 years 2 months ago #50739
Hi

I love your extension Image Effect CK, however I've got a problem because it doesn't work well on different mobiles :(
I've searched through forum to find a solution, but I haven't found any ... :(

First I thought it's sth wrong with my template, but I've checked your demo site and it behaves exactly the same way (I've enclosed some images).

A title or a description don't show as it shoud be.

If you check your demo site with some responsive screen tester (eg. quirktools.com/screenfly/ ), you will see what I mean.


Best regards

Attachment not found

Attachment not found

Attachment not found

Attachment not found

Attachments:

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

Replied by ced1870 on topic responsive Image Effect CK

Posted 5 years 2 months ago #50740
Hi
you are right, there are few things to manage with CSS. The main problem is that the effect can be used on any image, with any size, and any effect. It it very difficult to find a way to make it responsive for everyone.

But all is possible using CSS :)
Tell me what you need to do exactly and the url of your page so that I can help
CEd

Joomlack Webmaster and Developer

by ced1870

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

Replied by Haberek6 on topic responsive Image Effect CK

Posted 5 years 2 months ago #50750
I've tried to do sth with css code, but unfortunately I haven't got enough knowledge :(.

Here is my test page test.nigro.pl .

I would like to have either TITLE or DESCRIPTION (ot doeasn't matter) in the middle of image on mobile


as it is on these cubes


As I see it, the text should resize on mobile (became smaller)?

I check my page here responsivetesttool.com/


Thank you in advance for help :)
Last Edit:5 years 2 months ago by Haberek6
Attachments:
Last edit: 5 years 2 months ago by Haberek6.

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

Replied by ced1870 on topic responsive Image Effect CK

Posted 5 years 2 months ago #50752
you can play with the text size like this
Code:
@media screen and (max-width: 920px) { figure.imageeffectck figcaption { font-size: 12px; padding: 0; } }

of course you must adapt the resolution and the values to your needs.

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: Haberek6

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

Replied by Haberek6 on topic responsive Image Effect CK

Posted 5 years 2 months ago #50755
ooohhhh yyeeaaaahhh !

That's exactly what I meant :cheer: :cheer: :cheer:

Thank you :D

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

Replied by Abba on topic responsive Image Effect CK

Posted 3 years 4 months ago #58925
Please where can i use this code, because i am having the same issue.
the text is not coming up all on mobile and tab view, is cutting.

am i going to use it at each image under the custom css or where?

Thank you
by Abba

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

Time to create page: 1.167 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 412 guests and no members online