Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 24, 2019 at 2:51 pm #1093988
    matreshka-s

    I am a newbie. I have enfold installed. I am making website with enfold child.

    Tablet portrait view does not display correctly. The left and right ends of the background image are not displayed. The width of the column narrows and the text gets vertically longer (Grid row).
    I’ d like it to appear as it does on desktop.
    What do I have to do ?

    Many thanks.

    April 25, 2019 at 2:19 pm #1094411
    Victoria

    Hey matreshka-s,

    Can you please attach a screenshot of the issue and give us the link to your website.

    Best regards,
    Victoria

    April 25, 2019 at 4:38 pm #1094449
    matreshka-s

    Hi, Victoria

    I’m just starting to create a website.
    It looks good on PC, Phone and iPad-landscape, but there is a problem in iPad-portrait view.
    I don’t know how to attach a screenshot, and so I give you my website link.

    Thanks.

    April 30, 2019 at 1:04 am #1095535
    Ismael

    Hi,

    Thanks for the update.

    Are you referring to the grid row cells? Please edit the element, set the “Mobile Behaviour” to the first option and then go to the Screen Options. In that panel, set the “Fullwidth Break Point” to the second option (On tablets (at a screen width of 989px or lower), so the cells become full width on tablet view.

    Best regards,
    Ismael

    April 30, 2019 at 4:59 am #1095583
    matreshka-s

    Hi, Ismael,

    Thank you very much for your reply! The tablet portrait view looked better.

    I have one more question. Now white bars appeared at the begin and end of the grid row (only tablet portrait view). I’ d like to hide these white bars. How do I do?

    Always thanks.

    April 30, 2019 at 4:10 pm #1095810
    Victoria

    Hi matreshka-s,

    Can you please attach the screenshot of the issue, I do not see the white stripes on my end.

    Best regards,
    Victoria

    May 5, 2019 at 10:48 am #1097384
    matreshka-s

    Hi, Victoria,
    I attach screenshots.
    Thank you!

    May 7, 2019 at 4:29 am #1097913
    Ismael

    Hi,

    Thanks for the update.

    This css code should remove that gap on tablet view.

    @media only screen and (max-width: 989px) {
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0;
    margin-bottom: 0;
    width: 100%;
    display: block;
}
}

    Just add it in the Quick CSS field. Don’t forget to toggle the Performance > File Compression settings afterwards.

    Best regards,
    Ismael

    May 7, 2019 at 3:15 pm #1098090
    matreshka-s

    Hi Ismael,
    It works very well! Thank you for your help!

    Best regards,
    matreshka-s

    May 8, 2019 at 6:10 am #1098297
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 9, 2019 at 8:27 am #1098784
    matreshka-s

    Hi Rikard,
    Please close. Thanks!

    Best regards,
    matreshka-s

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