I have popup on our website which works perfectly on website, but when I open same website on MAC, the menu specially come on top of the popup image.
I tried to add much z-index
Site
Dekastore.com
password - beta05
When website is opened, it show an video, and then it will move to website. where it shows two popup where i am having issue.
In your html, your #nav class has a z-index of 9999, set it lower than your pop-up z-index.
Related
[Update]
I had rebuild the issue below:
https://sp0033212000.github.io/fixedProblem/
I had a site.
I was work well except open it by target _blank.
When I into the site directly, it normal
enter image description here
but when I into it by new tab, the bottom button was be covered.
enter image description here
I guest it was viewport issue but no idea how to fix it.
could some one give me suggest how to handle this problem?
Try giving z-index to the button.
.btn{
z-index:999;
}
I am having a problem with a website that I have made.
Whenever i try to open it in Chrome in a low resolution device, the nav bar remains like a 1920x1080 pc, and the loading circle that pop ups when you enter the site is not centered in either chrome or safari.
I Know I am messing up with the CSS but cant figure out how.
My site.
Thanks
Whenever my link is opened the webpage is apparently bigger than my setting (810 px in width) so when it's opened it starts scrolling in both ways. How can i stop this?
(This is for a HTML tab on Facebook with clickable 'pictures'.
and
So whenever the link is clicked and replaced the site it's bigger and it overfloats. How can i fix this?
https://www.facebook.com/pages/Testside2/649904311740074?id=649904311740074&sk=app_208195102528120
I'm encountering a strange issue.
I have a facebook button at the bottom of a page. When clicked, the facebook "Comment/share" box pops up.
The behaviour is correct under FF and IE, but not in Chrome, where the box is cut by the bottom of the page. In other words, the page isn't resized as it is under FF and IE.
The page has a min-height and max-height, and the containers have an overflow:visible attribute as the facebook docs advises to avoid some display issues of the share iframe.
The curious thing is that the bug disappears by simply opening the developer tools, and checking/unchecking any CSS attributes of any parent element of the FB-button.
My guess is that the resize of the window isn't captured by Chrome when the button is clicked, but it is when using the developer tools.
I tried to explore other sources of the problem (max-height not working properly or a higher element having a overflow:hidden) but I found nothing conclusive.
Thank you for help.
You may have an issue if you're running a theme in Chrome. If you are, try resetting to the default theme:
options > personal stuff > themes > reset to default theme
Also, make sure you aren't zoomed out or in. Chrome gets a little funky with the zooming.
Assuming those aren't the issues, try putting the Share code in a div with a unique ID or class:
<div id="myFacebookContainer">Plugin HTML Here</div>
Your CSS would include something along the lines of this:
#myFacebookContainer span{
height:25px;
}
#myFacebookContainer iframe{
height:25px;
}
I hope one of those suggestions helps!
Here is a jsfiddle which works: http://jsfiddle.net/n52ES/
It is how I have it set up on my website. However, if you notice on my website, only the 'subscribe' link in the footer (bottom center) works with the fade in transition on hover and the other links above it (i.e. google+, twitter) don't work. The same for the links at the very top right of the website in the navigation. I noticed this only happens in Chrome.
Does anyone have an idea as to why it only works for the 'subscribe' link? I'm lost.
The current version of Chrome stable has a bug that prevents it from animating visited links: http://code.google.com/p/chromium/issues/detail?id=101245 (this is why you are able to see it, but other people won't unless they actually click and go back to your website).
I'd just wait for it to be fixed.