11.02.2021: There may be a delay in tickets response in the next couple of days. We apologise for any inconvenience caused.


Okay
  Public Ticket #2333669
Popup Window
Closed

Comments

  •  1
    Matt started the conversation

    After clicking on an event in calendar view, the popup window for the event will drift outside the sides of my phone's screen when I'm scrolling up and down the popup window on a mobile device.


  •  94
    Valentin replied

    Hello Matt,

    Look like I can't re-create this problem on my device, can you show me a screenshot or better screencast to see what is happening to you?

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •  1
    Matt replied

    I attached two screen shots from my phone. When I swipe my finger to scroll up and down the event page, the page will swipe outside of the phone screen. 

    Attached files:  IMG_0860.PNG
      IMG_0859.PNG

  •  410
    Zhivko replied

    What browser are you using? I can't reproduce this behaviour.


    Stachethemes Developer

  •  1
    Matt replied

    This occurs on any browser I use on my phone, but I typically use Safari and Google. 

  •  410
    Zhivko replied

    I still can't reproduce this but try following:

    Go to Fonts & Colors -> Custom style tab and add follwoing css:

    body.stec-modal-opened {
         max-width: 100% !important;
         min-width:0 !important;
         width: 100% !important;
    }

    I'm attaching video of what I see on mobile.

    Attached files:  test.mp4


    Stachethemes Developer

  •  1
    Matt replied

    The code didn't fix the issue unfortunately. I'm not able to watch the video you attached either for some reason. The video says, "Network Error." I did notice while inputting the code that I currently have this code in place: 


    .stec-layout-event-inner-intro-media-content,
    .stec-layout-single-media {
      max-height: 400px;
    }
    .stec-layout-event-inner-intro-media-content > div,
    .stec-layout-single-media-content > div {
      background-size: contain !important;
      max-height: 400px;
    }
    .stec-layout-event-inner-location-left-button { display: none !important; }


    Not sure if any of this could be causing the issue or not. 


  •  410
    Zhivko replied

    No, it's unlikely the problem to be from this css.

    Do you have this problem on our demo page as well?

    https://stachethemes.com/wp-demos/the-calendar/modal-pages/


    Stachethemes Developer

  •  1
    Matt replied

    Yes, I have the same issue with the demo.

  •  410
    Zhivko replied

    Okay, I'll keep looking for a solution and will let you know.


    Stachethemes Developer

  •  410
    Zhivko replied

    Could you try adding following css in Fonts & Colors -> Custom style tab:

    .stec-layout-event-inner.stec-modal {
        overflow-x: hidden !important;
    }



    Stachethemes Developer