In the mobile version, pop-ups do not display correctly

dizees

Registration window, when you click on a lesson - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/

Tariffs window, when you click on a lesson - https://horeking.ru/component/com_guru/Itemid,146/cid,31-uvelichenie-oborota-v-lyubom-gorode-mira/task,view/view,guruPrograms/

Lesson window (green lesson) - https://horeking.ru/component/com_guru/Itemid,146/cid,19-target-vk-dlya-restoranov-i-sluzhb-dostavki/task,view/view,guruPrograms/

Ninja

dizees
Hi
In mobile device the screen size is smaller so it can not give the same view that you will get in PC
Can you tell me ho you want to modify it as it looks normal and all info. is showing as well in phone http://prntscr.com/ptiro4
The course sidebar will overlap when open it , this is normal working behave of the course.

dizees

dizees Registration window, when you click on a lesson - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/
Tariffs window, when you click on a lesson - https://horeking.ru/component/com_guru/Itemid,146/cid,31-uvelichenie-oborota-v-lyubom-gorode-mira/task,view/view,guruPrograms/

Then it can display the contents (registration for a free course, page for selecting a tariff when recording for a paid course) in the mobile version not in modal windows

dizees

For small screens, make the course sidebar full screen. The control buttons "hide course sidebar" or "close course sidebar" insert a course sidebar to place.

The problem on small screens: it is not possible to click the "hide course sidebar" button

dizees

This problem is relevant because 70% view from mobile devices. We receive complaints from students

Ninja

dizees
Hi
Can you give me a student login.
So i can check the Hide sidebar button not working issue your side?
In demo site its working, maybe some style issue due to longer text on your site.

dizees

Ninja
Has provided

Ninja

dizees
Hi
The view is also normal on your site http://prntscr.com/pv599g
When you click on the sidebar lessons button it slide and showing it fine http://prntscr.com/pv59e9
Press close button also working http://prntscr.com/pv59k5

alindinca

Hi,

I just made a test and that page for registration when you click on course lessons is ok for me. I made tests on multiple mobiles and all seems to be ok.

Kind Regards,
Alin

dizees

alindinca

Checked the link again - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/

Here is the video from the screen - https://www.icloud.com/photos/#0l2MP7eu73zgeoYREE0EMHEBw

Ninja

dizees
Hi
In your screencase you have to login on the box, without login it will not remove and ask you for login, the scroll is not working because you are watching the login box and content is behind it.

dizees

Ninja
What can I say is a fact.

But the problem has not disappeared.
What to do?

Ninja

dizees
Hi am not getting any problems yet
What you want to achieve as this is normal view for login

dizees

Ninja

I want to find out why this is happening on horeking.ru

And how to fix it.

Check the link - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/

https://take.ms/ZBx94

In my video that I sent - in the pop-up window, the content of the window does not adapt to the screen. - https://www.icloud.com/photos/#0l2MP7eu73zgeoYREE0EMHEBw

Tariffs window, when you click on a lesson - https://horeking.ru/component/com_guru/Itemid,146/cid,31-uvelichenie-oborota-v-lyubom-gorode-mira/task,view/view,guruPrograms/

https://take.ms/rhPPx

Ninja

dizees
Hi
I can see this view for Mobile Login http://prntscr.com/q60ekg

dizees

Ninja
Now I need to understand why I do not.

Ninja

dizees
You can check in real mobile device or any other mobile, maybe your mobile is very low screen size and not enough width as its not possible for me to replicate this issue.

dizees

Ninja

I'll try

Iphone 7 - low screen size?

I now have Iphone 7 and I sent the video from this device

Ninja

dizees
I do not own Iphone7
I will share it another team member to check it as i am not able to see any issue.
Thanks.

dizees

Ninja

I updated the cache in the mobile device - now this is the situation - https://www.icloud.com/photos/#00WSuGLLf0D0WIifsd0FbNPiw

Check the link - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/

saguaros

Hi dizees

I tested on IP7 and IP6 and the form shows fine

I see issue with the text below only:

It due to your custom css in the 'custom.css' file in template:

#guru-component .uk-width-1-2 {width: auto!important;}

If you want to apply this custom css to desktop view, you should use media queries like:

@media (min-width: 768px) {
 #guru-component .uk-width-1-2 {width: auto!important;}
}

Regards