Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 8, 2019 at 11:29 am #1116625
    ilkbaharkunduzu

    Hi,

    I have bought an another Enfold theme and nearly finished a website. It is open. This site does not have any woocommerce products but focuses on customized products and there are lots of images.

    There is a problem. Many pictures of the site is really huge horizontally. The ratio is 1/3 – 1/5. On the tablet or pc size, it is perfect but on the mobile it is so tiny. Is there a way to make the images I choose rotate 90° on mobile view?

    The first solution is making 2 images. One is normal that will be hidden on mobile and the other one is 90° rotated version which will only be visible on mobile. This is not a good practice. Is there a decent way you can think of?

    Best Regards

    July 9, 2019 at 9:35 pm #1117206
    Basilis

    Hey ilkbaharkunduzu,

    For what you need to do – this does make sense but I do not see any other way possible to do that at all…

    Best regards,
    Basilis

    July 9, 2019 at 10:55 pm #1117220
    ilkbaharkunduzu

    Hi,

    If we hide an image on mobile let’s say….Does it load with the page? Then there is a duplication and the size will increase. Is that so? If that’s the issue, the image for mobile would be much smaller and that would be my comfort.

    Is there any way to prepare a version of a page just for mobile? Like 301 pages. It sill redirects the page without even opening on mobile but the mobile version also will not open on pc, etc….any plugin that does the job?….

    Also the last question is this. If there is no other way then can we rotate it with css. Then we do not have to add another version of the image itself. However, would the rotated image be responsive?…I mean the relationship between the image and the next and previous item on the via layout builder and the declared html…. There may be some overlaps. I do not know.

    Would that be possible? What do you think? By the way, this should be in my opinion a must feature for the images.

    Best Regards

    July 11, 2019 at 10:20 am #1117739
    Ismael

    Hi,

    We can rotate the image using css transform but the parent container of the image will not automatically adjust to the transformation, which might throw off its size and positioning. I found a workaround, but it’s not going to work with the Image element because the solution requires the image to be wrapped inside two containers.

    // https://stackoverflow.com/questions/16301625/rotated-elements-in-css-that-affect-their-parents-height-correctly

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.