Bug in mobile view

Hello,
I found some bugs in mobile responsive view - www.podivej.cz/ :
1) the module view is scattered during scrolling
2) the module is responsive, but there is a big space on the right side
Please check my video for your reference:

Btw. I have only below modification (hide °C / °F button) in module advanced - added in custom CSS, but I'm sure that my problem was before this modification.
.jux-temp{
display:none!important;
}

Thanks for your help!
Vaclav

Hi Vaclav,
I check your site and about a space on right when reposive.
I see, your template has some code:
@media only screen and (max-width: 992px)
.content {
margin-right:22.5px;
}
affect to our module.
Please view my video:

Hi Huyen,
thanks for your reply. I use a standard responsive template Simpli from JoomlArt and have no problems with other modules. I saw your video with the analyzing of small space on the right side (22.5px), but is a trifle for me. As you can see in my video - there is a BIG space on the right side. There is no space when I disable weather module.
Maybe the second problem (scattered module view during scrolling) will have some relation to the first issue, I don't know...

Update: maybe one idea to solve this problem - your live preview has no problem on my mobile phone, I suppose you have disabled the part of view with POP and Temp.

Hi there!
Please do you have any news for me how to fix the bugs in mobile view?
I have installed weather module on my second testing website - pokemongo-web.com/weather.html - with different Joomla template and I must confirm that there are two same problems - 1) the module view is scattered during scrolling down and 2) there is a BIG empty space on the right side (see my original below video). Both webistes use PHP 7.0, I don't know if it is important or not, but you should know that.
As I told you last week - your live preview has no problems on my mobile phone, so I don't know if you have some additional CSS modifications for mobile view or we should find some differences in our Joomla installations.

Thanks for your help!

Vaclav

HI vaclav.
I'm very sorry for reply late.
I still don't find the solution for your issue. Please give me some time again.
Because check the problem on mobile that is very difficult.
Thank you so much for empathy

Hi Vaacav.
I fixed it for you. Please check it again.
Please go to (modules/mod_jux_weather_forecast/assets/css/weather.css)
I add some code below:
body{overflow-x:hidden;}
Thanks

Hi Huyen,
thank you, I don't know how it is possible, but I don't see any diffference after your CSS modification. Both issues always on my mobile phone...

Please see a live video from JUX demo site and my site:

Hi vaclav.
I'm sorry for reply late.
I just come back my job after a holiday.
Please give me link your site and your account of administrator via mail: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you again,
Thank you so much for empathy

Hu Vaclav.
I add some code on your site.
Please go to ../modules/mod_jux_weather_forecast/assets/css/weather.css
div .content{
padding-right:0!important;
overflow-x: hidden;

}
I checked on my iPhone, it works fine again. I send an video via your mail.
You can check them again.

Hi Huyen,
thank you for your support, unfortunately I always see the scattered screen during scrolling up and down. I'm testing with my mobile Lenovo (Android 6), Lenovo (Android 5) and Huawei (Android 4) in Chrome web browser. Please see the video:


Very interesting discovery: I see the same problem on your JUX demo site when I close the bar on the top.
This site is OK: demo.joomlaux.com/#jux-weather-forecast
This site has the same problem like my website: demo.joomlaux.com/extensions/modules/weather-forecast-demo.html

Maybe it could help you to fix this bug.