Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 25, 2024 at 2:15 pm #1432011
    DianaLoola73

    Dear enfold team,

    I have the following problem with the tablet and mobile optimization of the following website https://emmerams-muehle.de/:

    There is a section with a Grid.Row under the following section:

    Home

    1. tablet optimization
    On the tablet portrait mode (ipad) the individual cells should appear one below the other:
    but in the first grid row they still appear next to each other: see screenshot: https://emmerams-muehle.de/support/tablet-hoch_grid1.jpeg
    in the second grid row, they are displayed one below the other as intended: see screenshot https://emmerams-muehle.de/support/tablet-hoch_grid2.jpeg

    2. mobile optimization
    On the cell phone I have the problem that the distance between the image and the following Grid Row is incredibly large although I have already set margin to 0 (for mobile devices): see screenshot https://emmerams-muehle.de/support/mobile-grid1.png

    Could you please help me with my 2 concerns?

    Best regards Diana

    Translated with DeepL.com (free version)

    January 26, 2024 at 8:30 am #1432096
    DianaLoola73

    I have solved problem 1 – that it is also displayed in a single column on the ipad Hochfromat.

    But problem 2 with the wide spacing still exists: Could you still help me with this?

    Best regards, Diana

    January 26, 2024 at 10:11 am #1432105
    Ismael

    Hi,

    Thank you for the inquiry.

    But problem 2 with the wide spacing still exists: Could you still help me with this?

    We are not sure where the space is coming from, but you can decrease it by adding this css code.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #gutschein {
    margin-bottom: -100px;
  }
}

    Best regards,
    Ismael

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