I'm building this website with cargo collective and I'm having problems with the scroll of some pages, especially this one:
https://civitonia.cargo.site/26993899
After speaking with them they told me that is a problem related to the css and that they cannot put their hands on it. I can't figure out what's the problem about the scroll.
Does anyone knows what's the problem behind it?
try to change your browser, i use chrome and firefox in mobile mode scroll is working , and i'm try in my handphone scroll is wornking,my phone POCO X3 PRO
Related
This page is giving a horizontal scroll on mobile devices, but it shouldn't. Also when I'm testing it offline, it is working fine. even Chrome simulator is showing fine. As soon as I put it in github or anywhere else, it's getting this horizontal scroll. Please help me to spot what is causing it. Thanks.
https://bluebugx.github.io/public-assets/
On mobile devices, scroll down does not work when the services tab is clicked. I can't find the problem for hours. Anybody have any ideas?
The problem is class="page-overlay" have position:fixed;.
If you for example set it to absolute or none all work.
Brand Identity and Online Marketing do work. I opened the developer tools and saw that the div.logo.white is on top of the first two h2. That is probably what causes it, because the functionality works fine. Other than that, great layout and style.
I am building a website which works fine on browsers on a laptop but when i start using the same on a mobile browser, i see that the only thing I am able to do on my mobile browser is to double tap to zoom in and be able to click and type.
I am not able to scroll or move the web page around to change the view port.
Has someone experienced the same problem before?
I am using bootstrap for this and the layout is responsive.
Please help.
Thank you
I am using Bootstrap 3 on a site and I found a weird bug that I can't figure out. It deals with the mobile menu on smaller devices. When I view the site on iOS I can see the menu icon appear, but when I click on the icon the menu does not show up. However, if I then click an area where the menu should appear, the link works and takes me to a page.
To add another variable to the problem, when I view it in chrome with the dev tools acting as iOS and the screen small, the menu shows up and works as intended. So I am at a loss how to debug the issue.
I have tried setting the z-index to 1000 with no luck. I have not been able to find documentation regarding this issue. If you have run into this issue or know where there is documentation for it I would really appreciate some help.
Here is a link to the site with the issue(on mobile devices). http://dd.cakeandeatitdesigns.com
Thank you for your time and help!
Hey in my personal experience working with that it could happened when you open your web page with safari in IOS. I don't know what are you using to show the lateral menu, but some times safari doesn't work with certain js.
I am a complete novice when it comes to website design, but have the task of designing a website for an academic conference. I wanted to design a functional site to which I understood the code behind it. I have managed to do so, but am now having problems with viewing it on a smartphone. When I have checked the website on online simulators such as brick and mobile is seems to work fine. However, when colleagues of mine with smartphones try looking at it, the main content area will not scroll. Does anyone know of a way to resolve this. The url to the website is:
Conference Website
Edit: The problem appears to be on android phones. If you zoom in a tiny bit you can then scroll alright, and if you move to a portrait view rather than a landscape view it is fine, but it will not scroll on a landscape view on an android.
You might want tot try adding viewport meta to your header, ensuring every device sees your site at the optimal width (this eliminates the user having to zoom in on most mobile devices).
You can find some good information for this in the following article: http://www.html5rocks.com/en/mobile/mobifying/
There are some zooming issues with the website on a Samsung Galaxy S2. This has mostly to do with your menu, which is set to 21%.
Furthermore you're setting height on a lot of elements to 100%. You might want to look into that as well.