Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Mobile Menu Dropdown Configuration Reply To: Mobile Menu Dropdown Configuration

#235291
rocksmethew
Participant

achieved by using CSS3 media queries. In the ddmenu.css of Template 4

#ddmenu li div.column.mayHide {
display: none;
}
#ddmenu ul {
width: 100%;
border-radius: 0;
}
#ddmenu li {
position:relative;
width:33.33%;
box-sizing:border-box;
text-align: left;
border-top:1px solid rgba(255,255,255,0.3);
border-right:1px solid rgba(255,255,255,0.3);
}
#ddmenu li.full-width {
position: relative;
}
#ddmenu div.dropdown {
width: auto;
left: 0px;
text-align: left;
}
#ddmenu li.full-width div.dropdown {
width: auto;
}
#ddmenu div.dropdown.right-aligned, #ddmenu div.dropdown.mayRight {
left: auto;
right: 0px;
}
#ddmenu li div.column {
width: auto;
border: none;
}
}

http://goo.gl/OvuYxO