-
Posts
-
I would like to present a series of images (logos in this case) and none of the elements in enfold seem to work.
For example, if I use the logos element, it looks like this on desktop:
https://www.dropbox.com/s/uorcu4zdrbcwz68/Screenshot%202017-06-23%2010.52.51.png?dl=0On mobile however, it looks like this:
https://www.dropbox.com/s/w3p1btx5uxvfis8/Screenshot%202017-06-23%2010.53.45.png?dl=0in other words, it does not scale properly…
Hey agiveon,
Please provide a link to the actual site/page so we can look into this issue further.
Best regards,
Jordan ShannonShould this be a hack? …. I mean… that seems to be something very basic and fundamental… for an element to work and be responsive. Right now, it is not usable.
this is what it looks like at 900px wide:
https://www.dropbox.com/s/6njm7zxcmmar99w/Screenshot%202017-06-23%2017.05.32.png?dl=0
this is really not a good solution…. I bet it would look terrible on tablets…
Hi,
Let me know know what you expect it to look like and we can use CSS to achieve the result. As for it being a hack or not, this is not an issue often seen so we can fix this one off issue via css and the team will look closer into if this is a bug and something that will need to be fixed via an update. I can’t promise or deliver a permanent fix or reason for the cause of this issue via a forum thread, that can only be delivered in future updates. Again, just let me know how you expect it to respond and we will take care of it from there.
Best regards,
Jordan ShannonI think that a general fix should apply. If the element setting calls for 4 columns, then the images should be shown in 4 columns that span the whole width. That seems “logical” to me. Don’t you agree?
For example, I picked “4 columns” in the settings… then it should keep that no matter how wide the page is:
See how it breaks in other widths:
https://www.dropbox.com/s/zjwzd9wk16bjw3x/Screenshot%202017-06-24%2011.26.48.png?dl=0 (that is fine)
https://www.dropbox.com/s/cjj5wylh288x71l/Screenshot%202017-06-24%2011.27.59.png?dl=0 (broken – not taking 4 columns anymore)
https://www.dropbox.com/s/cbkcij5gu95k2s9/Screenshot%202017-06-24%2011.28.40.png?dl=0 (broken)Your CSS makes it in 2×2 … which is not what the setting says… it should stay at 4 columns that span the whole width.
Hi,
Until a permanent fix is issued, it will have to be done via quick css.
Best regards,
Jordan Shannonok… well… how do I do it through CSS? the solution you had before was not complete. It should stay 4 columns at all widths. Is that possible?
Hi,
We just adjust the percentages to accommodate 4 logos instead of the 3 it was originally set up for. I don’t see the logos on the page anymore however.
Best regards,
Jordan ShannonHi,
Try adding the following to quick css:
@media only screen and (max-width: 1024px){ .avia-builder-el-23 .avia-content-slider-inner{ height:100%!important; } .responsive #top #wrap_all .avia-builder-el-23 .slide-entry { width:25%!important; } }Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.