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

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

saguaros

It looks fine at my end on Safari responsive mode: https://prnt.sc/q9qku5

And with responsive testing, you should use real device like iPhone, iPad or Android devices to test coz no one view your site by resizing the safari browser on a Mac PC.

dizees

saguaros

While such a bug:

On the smartphone, the course content began to fit in the container
But as I wrote above, there was such a complication with the layout of the course content

Example page - https://horeking.ru/component/com_guru/Itemid,146/cid,31-uvelichenie-oborota-v-lyubom-gorode-mira/task,view/view,guruPrograms/

Checked in safari in responsive design mode - https://monosnap.com/file/uJE1tGX2wcRsx5WwR1gixXG7ClwdC0
And for some reason, when placing a course, I do not have a modular window open, but a valuable page with placing an order

On a free course, a button flies out of bounds - https://take.ms/t0Q74
Example page - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/
On the course editing page in the mobile version, the buttons fly off - https://take.ms/2Ctt9
Example page - https://horeking.ru/component/com_guru/Itemid,309/pid,31/task,treeCourse/view,guruauthor/
And the problem with displaying the contents of the modular window remains.
Also tested on another iphone 5 - same problem
https://www.icloud.com/photos/#0iEgfmC9BVaDz4kw5PcNtFiTw

saguaros

dizees Checked in safari in responsive design mode - https://monosnap.com/file/uJE1tGX2wcRsx5WwR1gixXG7ClwdC0

I don't understand the issue here, it looks perfect at my iPhone:

On a free course, a button flies out of bounds - https://take.ms/t0Q74
Example page - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/

I updated this custom css to fix the issue:

@media (min-width: 960px) {
#guru-component .view-course-detail .uk-width-large-8-10 {
    width: 70% !important;
}
}

On the course editing page in the mobile version, the buttons fly off - https://take.ms/2Ctt9
Example page - https://horeking.ru/component/com_guru/Itemid,309/pid,31/task,treeCourse/view,guruauthor/

Which button should I click to go to this edit page (I'm not familiar with your native language.

dizees

Tell me how to solve the issue

dizees

saguaros

Please check the course content page.
and a list of students in the teacher’s office in Safari responsive design mode:

On the page - https://horeking.ru/component/com_guru/Itemid,146/cid,31-uvelichenie-oborota-v-lyubom-gorode-mira/task,view/view,guruPrograms/

The content of the course contents table - columns has shifted.
Side elements (lesson difficulty level) stuck to the text

https://take.ms/DWPpR

The same problem on the page - https://horeking.ru/component/com_guru/Itemid,146/cid,25-internet-magazin/task,view/view,guruPrograms/

And the button still crashes on one of the screen resolutions

https://take.ms/yRUOr

In the teacher’s office in front end

The list of students on the old page is not correctly displayed - https://horeking.ru/component/com_guru/Itemid,308/layout,mystudents/task,mystudents/view,guruauthor/

upon expansion
800x600 - https://take.ms/d0xGU

With a width of 768 - https://take.ms/FNAuH

On mobile devices - https://monosnap.com/file/6IYKBgVy94yO4ZBNiDm5uwm3ijeqhP

And the problem with displaying the contents of the modular window remains.
Also tested on iphone 5, 7 - same problem
https://www.icloud.com/photos/#0iEgfmC9BVaDz4kw5PcNtFiTw

dizees

saguaros

Tell me there is news on current bugs

saguaros

dizees

1 + 2 - Again, it due to your custom code in custom.css file: https://prnt.sc/qdhp1x

3 - On this page: https://horeking.ru/component/com_guru/Itemid,308/layout,authorprofile/view,guruauthor/ I don't see the content as your screenshots: https://prnt.sc/qdhsse

dizees

saguaros

1+2
Custum.css -This code is recommended to be inserted in this tech support -
Only CSS code was inserted into this file, which was recommended by Ninja
And in https://www.joomlart.com/forums/d/26781-teacher-s-office-course-editing-the-button-climbs-out-of-bounds

- Here is the menu item "Мои студенты" https://take.ms/iz15s
What about 4 items from the list?

saguaros

dizees

1 + 2 - As I mentioned before, if that custom css is applied for destop, you should use Media Queries so it doesn't affect other view port like mobile

@media (min-width: 768px) {
  /*your custom code goes here*/
}

3 - Weird! as I view the same page: https://prnt.sc/qdhsse

dizees

saguaros

1 + 2 - what to do to fix it?

3 - look at the teacher’s section of my students

saguaros

dizees 1 + 2 - what to do to fix it?

Pls check previous reply, I mentioned about using Media Queries

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

look at the teacher’s section of my students

Could you share screenshot? as I'm not familiar with the native language on your site.

« Previous Page