Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 12, 2019 at 3:55 pm #1126821
    samurai_666

    Greetings from Vienna!
    I am using on the entrance site a grid layout which works fine on PC:

    Home

    But on mobile it cuts off the third column and I do not know how to solve the problem:

    View post on imgur.com

    Could you please help me?!

    best regards

    Gerhard

    August 13, 2019 at 6:25 am #1127082
    Rikard

    Hey Gerhard,

    I think it’s the Facebook like box which is causing that, what happens if you remove it? The reason why it overflows is that it’s an iframe being fetched from Facebook with a fixed width set.

    Best regards,
    Rikard

    September 25, 2019 at 11:53 am #1141757
    samurai_666

    Hi Rikard!
    Sorry for beiing late! Killed the FB Box, but nothing happened! Still all the content is overboarding in the 3rd grid of the grid row on mobile only.
    Could it be a problem of addtitional CSS iframe attributes?
    For any further info, links in private content
    best regards Gerhard

    September 28, 2019 at 8:23 am #1142962
    Rikard

    Hi,

    Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.iframe {
    width: auto !important;
}
}

    Best regards,
    Rikard

    September 30, 2019 at 8:34 am #1143240
    samurai_666

    Hi Rikard!

    Worked fine! File can be closed.

    best regards

    Gerhard

    September 30, 2019 at 11:40 am #1143309
    Victoria

    Hi Gerhard,

    Glad we could help :)

    We are closing the thread.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold Grid row problems’ is closed to new replies.