Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 1, 2024 at 3:16 pm #1470432
    teoniko88

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

    November 1, 2024 at 5:28 pm #1470441
    Rikard

    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

    November 1, 2024 at 8:28 pm #1470457
    teoniko88

    Home

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

    November 2, 2024 at 12:21 pm #1470467
    Mike

    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

    November 2, 2024 at 12:37 pm #1470468
    Guenni007

    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.

    November 4, 2024 at 1:38 pm #1470565
    Rikard

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

    August 29, 2025 at 5:45 pm #1488744
    GaWi

    Hi Guenni007,
    Do I need to put a css cod in the quick css?
    For the “bg-fixed”?

    • This reply was modified 6 days, 4 hours ago by GaWi.
    August 29, 2025 at 5:45 pm #1488745
    GaWi

    Hi Guenni007,
    I am trying to fix the Problem with “mobile”. On Webers Testseite looks perfect.
    I don´t understand the following points:
    – 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
    Perhaps in german?
    Nevertheless, I love the Demo for my actual project.
    Greets Gabi

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