Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

issue on resize browser with fluid layout #60

Closed
pdewouters opened this Issue Apr 19, 2012 · 2 comments

Comments

Projects
None yet
3 participants

I incorporated dropkick into a responsive / fluid layout
when the browser window is narrow enough, the container is set to display block to reveal the dropdown select. But the width of the dropdown select is not wide enough. It's as wide as the first item (home), but should be as wide as the largest element, so the dropdown is truncated and a horizontal scrollbar appears

I achieved the desired behaviour :

In the javascript, replace this line
'width' : width + 'px'
with 'width': '100%'

add this
.dk_container {

width: 100%;

Add this to dk_toggle:
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
width: 100%;

Would this allow for each dropdown to be specified its own width as well?

@Robdel12 Robdel12 closed this Jan 12, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment