having a frustrating time trying to solve this. I have a dropdown menu in my Navbar and when it's selected the other links dim significantly, only in Safari (looks fine in Chrome and Firefox). I went back to the original and unmodified BootStrap 3.3 Template (Sticky footer with fixed navbar) and the issue is present. Might there be a work around is CSS for this. Any assistance is greatly appreciated. Thanks in advance. link to site is http://www.futureyouthrecords.org/indexalt.html
Related
I work for this organization (Vibro) as responsible for the webpage. Today I was told that our website menu won't open on mobile devices. Here's our page: www.vibro.no/
Can you see any errors with this?
Thanks for replies!
I found out that it was some changes in general.js that I did a few days a go that made the error. So now that the code is deleted, the menu button works fine.
I have a strange Bootstrap thing happening with me! I've tried all sorts but still nothing seems to fix this. navbar navbar-default seems to show in Safari just below bootstrap's nav toggle, however doesn't show in Firefox or Chrome? I want do not want it shown, as it makes the top section look like it has huge bottom padding on it! Blegh.
Here's a few images of what I mean and here is the actual webpage I'm working on.
It only seems to show out of place, when I've shrunken the browser size down, and when viewing on a mobile phone/tablet.
Thanks!
I found the problem, .navbar had min-height: auto; but for some reason safari wasn't noticing this, however I just changed that to auto and it did what I need it to do! Sweet.
I have a CSS bug in one of the templates I am using.
Here is the hosting link:
Demo Link
You have to click on the cog icon (the gear icon on top right) then click on the "Menu on top" option.
This is happening in IE9, the menu dropdown appeared to be squeezed (http://imgur.com/ry2T4C1). I cannot figure out how to fix this or what to change as I cannot inspect element properly for IE9. Does anyone know or can help me with this? Been stuck for a while on it and my users needs this menu to be working.
Thank you in advance!
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 have been messing with this problem for about 4 days. I have read all kinds of forum posts on it, but nothing I've tried has worked. Here is my situation. I have a CSS Navigation Menu. Everything works fine in Firefox and Chrome, and on most of my pages in IE it is fine. But if the submenu drop down menu covers an image that is directly below the navigation menu, the submenu will disappear when moused over. You can see the working example in IE at the following address:
http://dcmsandbox.net/Menu.html
Please view source on IE to view code.
I would appreciate any help on this as I cannot figure it out on my own. I think it has something to do with z-index, but any combination I've used has failed.
Thank you.