Bootstrap Dropdown Falling Behind other Elements

Asked May 18 '18 at 18:17

Active May 18 '18 at 19:13

Viewed 97 times

I'm having this same issue in all browsers in Mobile View only: Bootstrap dropdowns menus appearing behind other elements - IE7

But I tried the resolutions there and it's not working when I upload the files. Weird thing is when I tried it in Chrome's Inspect field, it does work (the z-index and position:relative;)

Additionally, it's not a problem on the Home Page, only on the subpages. Any help is appreciated. More HTML and CSS on my GitHub (for this page: Bootstrap Dropdown Falling Behind other Elements)

I'm guessing it's inheriting from somewhere else, but no idea where.

    .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
    z-index: 10000!important;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

edited May 18 '18 at 19:13

asked May 18 '18 at 18:17

Ally

Can you share code? – Milan Bastola May 18 '18 at 18:25
Just updated the code I believe it should be pulling from. Thank you! – Ally May 18 '18 at 18:31
If you share HTML & CSS code We can test it here and find out the solution – Milan Bastola May 18 '18 at 18:33
The HTML and style.css can be found at my GitHub (it's so long didn't want to convolute the question): https://github.com/allylarson/TheBMan – Ally May 18 '18 at 18:55

Bootstrap Dropdown Falling Behind other Elements

0 Answers0