Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1470432

    in Visual Artist Demo the index has a nice design that it doesnt show on mobile. on mobile its just there no css

    #1470441

    Hey teoniko88,

    I’m not sure that I fully understand the problem that you are having, could you post a link to where we can see it please?

    Best regards,
    Rikard

    #1470457

    on pc the site has this cool scrolling css. on mobile view its like seperate photos

    #1470467

    Hi,
    This is the correct behavior for mobile devices, as the parallax doesn’t behave the same on all mobile device like IOS.
    Please see our demo: https://kriesi.at/themes/enfold-visual-artist/

    Best regards,
    Mike

    #1470468

    on former times that css declaration of background-attachment: fixed is not well supported – and:

    Since March 2022, this feature works across the latest devices and major browser versions (Learn more about Baseline)
    Most mobile devices have a delay in updating the background position after scrolling a page with fixed backgrounds.

    That is the reason why Enfold decided before this time to transform it to a background-attachment : scroll – maybe a test if it will work could be insteresting.

    See here a complex Solution using a trick: https://webers-testseite.de/visual-artist/

    • Starting with the setting of background-attachment : scroll
    • i gave to each of those color-section a custom class: bg-fixed
    • i create the pseudo-containers for those bg-fixed sections : before
    • These bg-fixed:before container inherited the background-image from its parent.
    • These bg-fixed:before container are set to position: fixed ! ( this is well supported on mobile devices )
    • to have no overflow – i set a clip-path to each of those color-sections that will cause the slanted boarder

    etc. indeed complex – check the mobile behaviour.

    #1470565

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

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