Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 26, 2017 at 7:32 pm #767017
    Hokuspokus

    Hey Support,

    i want to solve this design as i have attached as link.
    On Computerscreens: A perfect grid: Left a picture, right text, below: right a text, left a picture.

    In the attached link: it’s on mobiles:

    picture
    text
    picture
    text

    But if i play with grids section in Enfold:
    On big Screen: Yes, it’s working. But if i have a mobile:

    i have on mobiles a problem: (clear: caused by responsive: one is below the other)
    But than appearing:
    picture
    text
    text
    picture

    I want this also like in the link, if you reduce this to mobile view. How can i switch the design on mobiles to:
    picture
    text
    picture
    text

    How can i solve this?

    Best

    • This topic was modified 7 years, 8 months ago by Hokuspokus.
    March 26, 2017 at 8:08 pm #767027
    Mike

    Hey A.,
    I’m not sure I understand, on mobile I see:
    picture
    text
    picture
    text

    Best regards,
    Mike

    March 27, 2017 at 6:20 pm #767605
    Hokuspokus

    Hi, it’s better to speak with pictures. The original is the old slow page with old theme. The new website is build with enfold.

    Question:

    1. Is a simple CSS rule possible to have the mentioned behaviour? Please compare the screen and mobile versions of the orginal and the enfold grid.
    At Enfold, i get not the same result on mobiles as in original design

    2. Why have the top picture a gap to the left and right (first picture enfold grid mobile) Both pictures have 1500×423 px in original

    3. What is the perfect height of a picture in this design? if i reduce the screenszie, a gap between the pictures occuring

    Or is a better option there to build such design?

    Best

    March 29, 2017 at 4:09 pm #768884
    Victoria

    Hi seolotsen,

    This is what I am seeing in browser emulator, on mobile emulator the width of images is even less, but all this can be adjusted via css.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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