Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 26, 2021 at 12:40 pm #1330593
    ErnstOpusVDesign

    Hi everyone from Kriesi,

    I have build our landingpage conform youre demo https://kriesi.at/themes/enfold-app/
    Created some new backgrounds with “moving” Ipad instead of Phone etc.

    I have created even new rows only visible on the phone.
    But on the Ipad nothing is shown on the left column. Could you please help me.

    I have tried several of your CSS solutions but they don’t work, or they changed the total outcome of the site.

    There is a picture and login in the private section.

    A big THANKS in advance,

    Angele

    November 29, 2021 at 5:37 am #1330785
    Ismael

    Hey Angèle,

    Thank you for the inquiry.

    There is a known issue with fixed elements on iOS devices. You may need to set the background attachment back to scroll on tablet view. Try to add this code in the Quick CSS field.

    @media only screen and (max-width: 989px) {
    .flex_cell.avia-full-contain {
        background-size: cover !important;
        background-attachment: scroll !important;
        background-position: 10% 50% !important;
    }
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings before checking.

    This is how the page should look after adding the css.

    Screenshot: https://imgur.com/EbP9Kjr

    Best regards,
    Ismael

    November 29, 2021 at 10:39 am #1330818
    ErnstOpusVDesign
    This reply has been marked as private.
    November 30, 2021 at 4:41 am #1330911
    Nikko

    Hi Angèle,

    Thanks for giving us admin access.
    We have modified the CSS code with this one:

    @media only screen and (max-width: 1366px) {
    .flex_cell.avia-full-contain {
        background-size: auto 70% !important;
        background-attachment: scroll !important;
        background-position: 0 50% !important;
    }
}

@media only screen and (max-width: 980px) {
    .flex_cell.avia-full-contain {
        background-size: auto 60% !important;
    }
}

    Please review your site.

    Best regards,
    Nikko

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