Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2016 at 4:32 pm #677634
    Cliffy

    Hi,

    I have a styling issue with using images and text in cell rows. I am basically using half the screen for text and the other half for an image (just like the Enfold Shop | About page demo, and it looks great visually when you swap the text and images from right to left.

    When you view the page, you are presented with:
    Text | Image,
    Image | Text,
    Text | Image

    However, when you view on a mobile it appears:

    Text
    Image
    Image
    Text
    Text
    Image

    So the text does not really align with the corresponding image. I hope you see what I am getting at. Is it possible to force the view as:

    Text
    Image
    Text
    Image
    Text
    Image

    for mobile devices ?

    Thanks,
    H

    I realise I can hide the cells with images on mobiles and perhaps Hiding one (or all) of them would be a compromise, but I don’t like to compromise :)

    August 30, 2016 at 4:44 am #679251
    Ismael

    Hey Heathcliffe,

    Thank you for using Enfold.

    Add another grid row with the same content but arrange the cells for mobile view. Toggle the display properties with css media queries. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

    September 3, 2016 at 12:39 pm #681623
    Cliffy

    Ah, great thinking Ismael !

    It’s quite a lot of work really to have two complete content sections (one for mobile and one for desktop), for now, I have just removed one of the images as a compromise.

    H

    September 5, 2016 at 5:33 am #681920
    Rikard

    Hi,

    Ok, thanks for the feedback. Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

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