StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19496898
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-10-21T14:12:38.697
FavoriteCount
0
LastActivityDate
2013-10-23T14:08:48.013
LastEditDate
2013-10-23T14:08:48.013
LastEditorUserId
2642616
OwnerUserId
2642616
ParentId
19439212
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
I am not 100% sure if your asking how to make the id menu have a menu functionality or just a sub menu for your main nav. If it is pertaining to a sub menu for your main nav then this will work just fine. If it's for the mobile menu then let me know and I'll work something out for you. (SOLVED) This fiddle has the sub menu working while still being responsive the entire time. You can style it to your needs but it is a solid start. <pre><code>nav ul li ul { display: none; position: absolute; width: 100%; top: 100%; background: #000; color: #fff; } nav ul li:hover ul { display: block; } nav ul li ul li { display: block; -webkit-transition: .6s ease; -moz-transition: .6s ease; -ms-transition: .6s ease; -o-transition: .6s ease; } nav ul li ul li:hover { background: #c1c1c1; color: #2b2b2b; } </code></pre> <a href="http://jsfiddle.net/EYjnG/2/" rel="nofollow">JSFIDDLE</a> <a href="http://jsfiddle.net/EYjnG/3/" rel="nofollow">JSFIDDLE with relative sized sub menu</a> Here is the mobile navigation working and the biggest problem was you had no jQuery library selected for the fiddle to run off of. <a href="http://jsfiddle.net/Josh_Powell/EYjnG/11/" rel="nofollow">Mobile Nav</a> HTML <pre><code><div id="pull">Menu </div> </code></pre> CSS <pre><code>div span { color: #FFFFFF; display: inline-block; width: auto; text-align: center; text-decoration: none; line-height: 50px; padding-left: 10px; padding-right: 10px; } </code></pre> I changed the id pull to a div because when it was an anchor tag all of the navs would lose their text color. I have made a drop-down with a drop-down in it while still being responsive! Take a peak at this jsfiddle. <a href="http://jsfiddle.net/Josh_Powell/EYjnG/8/" rel="nofollow">JSFIDDLE Drop-Down with a nested Drop-Down</a>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POhow to add sub menus on a responsive css menu
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USJosh Powell
UserOwnerUserId
1. USJosh Powell
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.