Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 4, 2020 at 7:45 pm #1265050
    soltner

    Hi,
    I can’t find a way to hide the grid row background images for ipad portrait – please help!
    link to website & screenshots in private content

    Thanks,
    Soltner

    December 6, 2020 at 6:25 pm #1265297
    Victoria

    Hey soltner,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive #top #wrap_all .av-layout-grid-container.av-break-at-tablet .flex_cell {
    background-image: none !important;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 10, 2020 at 4:57 pm #1266326
    soltner

    Hi Victoria,

    thanks for your reply – works!
    is there also a possibility to hide the white spaces?
    screenshot in private.

    Best regards,
    Soltner

    December 11, 2020 at 2:29 am #1266461
    Jordan Shannon

    Hi,

    I’m not seeing the spaces on my end. Was this resolved?

    Best regards,
    Jordan Shannon

    December 11, 2020 at 12:00 pm #1266514
    soltner

    Hi Jordan,

    the problem exists on ipad in portrait mode.

    I also noticed that on the ipad in landscape mode with safari the background images are not displayed or not displayed correctly. everything is displayed correctly with google chrome, what could be the reason? Screenshots in private content.

    Best regards,
    Soltner

    December 15, 2020 at 12:39 pm #1267443
    Ismael

    Hi,

    Thank you for the screenshot.

    We could not reproduce the issue on our end and for some reason we cannot inspect the site using the browser inspector. Did you disable it, or install a plugin that blocks browser inspection?

    The background of the cells are probably not displaying correctly on mobile devices because it is fixed. Please try to revert the background-attachment property back to scroll on smaller screens.

    @media only screen and (max-width: 767px) {
    .flex_cell {
	background-attachment: scroll !important;
    }
}

    Best regards,
    Ismael

    December 15, 2020 at 12:39 pm #1267444
    Ismael

    Hi,

    Thank you for the screenshot.

    We could not reproduce the issue on our end and for some reason we cannot inspect the site using the browser inspector. Did you disable it, or install a plugin that blocks browser inspection?

    The background of the cells are probably not displaying correctly on mobile devices because they are fixed or sticky. Please try to revert the background-attachment property back to scroll on smaller screens.

    @media only screen and (max-width: 767px) {
    .flex_cell {
	background-attachment: scroll !important;
    }
}

    Best regards,
    Ismael

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