Hello,

We encounterd the problem that several clients contacted us, that they can not book a course using mobile phone, because they do not see the "book now" (german "Kurs buchen") Button in the Pop Up Window that appears after clicking on one of the courses on bottom of related link ("Mehr erfahren").

After checking i can see that it is neccessary, to scroll down twice to reach this button. FIrst time scrolling gets "stuck" before the buttons are displayed.

This obviously prevents many clients from booking and therefore is a big problem.

I dont see a possibility to change anything from my side. Can you recreate the issue? Is there a reason for this behaviour and can it be solved?

Thanks and Regards, Tobias

Hi Stefan,

thanks for the quick answer. Both code snippets work perfectly fine for us. In our opinion this should be set as standard within the plugin.

Best Regards, Tobias

Hello Stefan, we now happen to have the same issue when using services on this page: 

https://hebammen-bauchgefuehl.de/breathwork/

I assume i can modify the code you sent or add another one that works on services as well?

Thanks, Tobias

Hello Stefan,

could you provide me with the code, that prevents the mobile view of services to scroll twice?

In January you wrote me:

Thanks for reaching out to us. Yes, we are familiar with this issue, this is because there are two "scrolls", each window has its scroll and it's creating a conflict.

For the time being, you can use this custom css code (it will work for event list, and i can see that you are using the event list on your website)

I either can modify this code, that it effects events and services or add an additional code for services.

I am not that familiar with coding and do not know the tags for services. I'd be happy if you could send it to me.

Regards, Tobias

Hello Stefa, hello Marko,

Marko answered me in another ticket to try this code:

<script>

    window.ameliaRenderActions = {

        scrollForm: ({offsetFromTop}) => {

            offsetFromTop.value = 70

        }

    }

</script>

Unfortunately it does not work. In Divi i only can insert it within the theme options in head or body. both do not work.

Inserting it on page is not possible, also in theme customizer not possible (get errors and can't save)

The code Stefan sent me in January for Events worked fine though:

@media only screen and (max-width: 768px) {
  .amelia-v2-booking.am-dialog-el .el-dialog {
    margin-top: 0px !important;
  }
  .amelia-v2-booking #amelia-container .am-dialog-el__main-container {
    max-height: calc(100vh - 68px) !important;
  }
}

.amelia-v2-booking.am-dialog-el .el-dialog {
    margin-top: 0px !important;
}
.amelia-v2-booking #amelia-container .am-dialog-el__main-container {
    max-height: calc(100vh - 68px) !important;
}

I assumed, the code for the services would be similar.

Regards, Tobias

Sorry Stefan,

it's still double scroling on smartphone:

https://hebammen-bauchgefuehl.de/breathwork/

Regards, Tobias

This might be a misunderstanding:

On this page on smartphone:

https://hebammen-bauchgefuehl.de/breathwork/

without clicking anything. If one scrolls down to the 3 services, those 3 services start scrolling like within a container.

The scrolling of the whole page stops and only these 3 services scroll within a container, which only shows a part of all three services.

We need to prevent this scrolling container. Only the normal page scroll with all the services visible completely.

Regads, Tobias

Excellent. works perfect now. Thank you Stefan.