Forums

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

Home Forums CSS Responsive Menu Problems x3 Reply To: Responsive Menu Problems x3

#200030
wahhabb
Participant

I’ll start with your last item.

The reason your menu drops down is because of the padding-right:

#head_Menu {
    list-style: outside none none;
    padding: 8px 90px 0 0;
    text-align: center;
}

When the screen is too narrow to have 90px of right padding, the menu’s div has to drop below the head_Logo div.

You could use a media query to deal with that situation, or handle it in other ways.

If you want the dropdown menu to overlap the rest of the page, you will have to use absolute positioning. But I don’t have time right now to walk you through doing that. You could give it a try and post your codepen, which will make it easier to modify and explain.

Good luck!