I have a problem displaying the mobile menu. Here is the page http://www.hawaiiluaus.com/contact.htm
When you minimize the screen you can see the menu showing up very little bit, indicating it must be some sort of z-index issues. I tried a few solutions but it still did not work. I would appreciate any tips for this issue. thanks!
Related
When trying to edit colors in Google Data Studio, the color picker dialog box is always cut off. As if it's running off the edges of the screen.
Scrolling up/down doesn't make the picker move. Refreshing the page doesn't do anything. And you can't just click and drag it to move it.
This shows what I'm talking about.
I've reported it on Google's Issue Tracker, but I can't seem to post anything on the Data Studio community forums. Which is why I'm here. I'll also post about it on Reddit to see if anyone else is running into this glitch.
I was able to reproduce the problem, so it is not "just you".
However, to reproduce I had to reduce the size of the browser window (with the window maximized it does not happen). This is clearly a responsive web design problem and I guess you're using a small screen.
Although it is indeed a bug, it may not be a priority for Google to solve. You're probably one of the few users that designs dashboards with small screens. So you may want to find a bigger screen.
this website: http://mr-chemie.dev-pixalla.de has a scrolling issue on mobile phones and tablets. When scrolling in one direction, everything is working perfectly fine, but as soon as you change the scrolling direction you got to scroll twice. I noticed that when scrolling up after scrolling down, the vertical scroll bar on the right expands out to full height for a moment. When scrolling up the second time everything works fine.
I'm using Elementor page builder for Wordpress and got some knowledge with CSS. The problem did not occur on any other website I created. I just do not know any kind of property to solve my issue, neither did I encounter similar questions when searching for it on the internet.
Thank you very much for your help!
I had the same problem. It was caused by shape bottom divider turned on (Elementor, waves divider). The top one works fine. But when bottom is enabled - then the strange behaviour on mobile happens.
I checked a bit everywhere on internet but couldn't find a solution to my problem.
Skrollr is not working properly on mobile on my page : http://ocelyn.com/travel/tism/
I tried to put a #skrollr-body element a bit everywhere in my page but I always get an issue. Do you have any idea why this issue?
I'm using the last version of Skrollr.
Best,
Jocelyn
I have been able to fix most of the issue by myself, now Skrollr works but when I try to scroll to the bottom it will stop at some point same as it was missing some pixels to reach the bottom.
I'm not sure but I think it's the equivalent of the height of the screen.
If you have some idea I would appreciate to hear about it,
UPDATE 14/09/05, finally I found a dirty way to fix this issue :
setTimeout(function(){
skrollr.refresh(document.body);
},400);
I just force skrollr to refresh after the loading of the page and it's fine.
Best,
Jocelyn
I am not having any joy over at the Prime Faces forum on my question about IE7 and was hoping someone here might be able to help.
Basically two problems:
IE7 Z-index problem of the modal popup showing on top of the site's logo. (The logo has an absolute position to make it sit on top of the design)
The modal window does not open to the right size, it's smaller in IE8 and greater.
Problem here is that I don't have full control of the site. I basically am trying to make things work in the Developer Toolbar and then sending the changes back to the developers.
Here is a video to show the two points of issue as mentioned above.
http://screencast.com/t/aW1ecqIuNi
Many thanks
I Have a Silverlight Menu on a ASP.NET page,
on this page bellow the menu there's a Html Table
and bellow the table there's a dropdownlist.
The silverlight DIV is position: absolute; z-index: 999;
The silverlight App is designed with zindex in its elements, is windowless, and background transparent.
This Works fine on Firefox however in IE6 (requirement) it doesn't work, the silverlight gets bellow the html table and dropdownlist
Any help would be appreciated.
Thanks
Gabriel
I only spent a small amount of time reading up on this particular problem, but it seems that this is a problem with most z-index settings with IE6.
It appears that in Internet Explorer
(windows) positioned elements do
generate a new stacking context,
starting with a z-index value of 0 quote
I found an article that addresses this issue by setting the parent div's z-indexes as well. However, you mention that the Silverlight div has a z-index specified, but no code, so I can only guess that what you have done might be the same as in the article.
There is another article that makes use of iFrames, that you might want to look at as well.
Hope this helps you.
Well I had to solve the problem with a nasty javascript.
The think is the IFrame solved most of the problem, another part I had to remove any position: relative i had used, and there was still the ASP.NET DropDownList's that got on front of my silverilght Menu, I didn't have the time to solve this on a 'correct' way (if I can even say this). I had to use javascript to hide the DropDownList's and when the user hover out of the menu I'll show the dropdownlist's again.
this link with a working example helped me a lot.
Thanks for the help everyone that helped.