Dropdown not showing elements Bootstrap 3


Tags: javascript,jquery,html,css,twitter-bootstrap-3

Problem :

I'm having a issue with the dropdown element of bootstrap 3. It's not showing the elements. The reason is because I'm having a conflict with the css off "wrapper"

#wrapper    { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

You will probably said remove it and it works. But I can't do that. I'm trying to do a parallex effect. This one being more specific.

And having that style is part of doing the parallex effect. I though of changing the top size, but it wouldn't work if the dropdown gets more elements.

I have a demo showing the issue.

Any idea how I could solve this issue?



Solution :

Just add to your "divide-nav" class this styles:

.divide-nav {
    position: relative;
    z-index: 999;
}

    CSS Howto..

    PHP - How to change the class of a link

    How to change the opacity of elements in css?

    How are these websites full-screened in the browser with a learn more button at the bottom (moves you into automatically down the page) [closed]

    How to make div disappear when image is placed over it?

    How do you create slidedown effects like this?

    How do I align two non-fixed width divs in the center of the browser screen?

    How to select label for=“email” in CSS?

    How to align columns in bootstrap to center?

    How do I animate my CSS progress bar?

    How to make links look like tabs using html/css?

    How to apply css overflow property on specific content

    How to use 3 background images for a resizable layout in CSS?

    how to make dropdown menu using html & css

    How to get on a single page different links based on css

    I want to bring css for select option. how to write for this image, sample output like this

    How can the css dottled border be implemented?

    How automatically adjust div's width using CSS?

    How to pass an array from controller to PHP file that contains CSS before the view is loaded?

    How to make floated columns stretch to fill container vertically?

    How to center image which is bigger than screen?

    How to show/hide delete button with CSS?

    How to change the css class=“current” when using page jumping (single page website)?

    How to line up the bottom of side-by-side Div layers in CSS

    How to align a div to lower left corner in css

    EXTREME beginner making a website from scratch, how do i center things, pictures, and zoom problems

    How to convert this CSS to SASS (arithmetics in selector)?

    How to switch visibility of an HTML div in css for overlaying

    How to use resolution relative css files?

    How to get relative CSS from photoshop artboard?

    Does anyone know how to create this 3d flip animation via CSS?