[Solved] drop down menu makes menu bar items go on one side

[sushant1184]

I have been making a webpage where i have dropdown menu in navigation bar. when i hover on particular item it shows the dropdown menu but other items stretch and fall out of menu bar

can anyone please help me

[Jimmy]

It would be helpful to see what your code looks like for the navigation (menu bar) in order to give the best feedback.

[sushant1184]

Actually i want to make it responsive nav but when i add flexbox to it and hover over the menu item then the drop down list pushes all other items to right.

here is my code

[MOD EDIT Mega Codedump Removed]

[sushant1184]

Actually i want to make it responsive nav but when i add flexbox to it and hover over the menu item then the drop down list pushes all other items to right.

here is my code

[MOD EDIT – Mega Codedump Removed]

[Paulie_D]

Please use Codepen to demo code of that length.

Thank you,

[sushant1184]

this happens

http://codepen.io/sushant1184/pen/EaNEwW

can anyone please help me

[Paulie_D]

It’s the way you have positioned the submenus.

The submenu wrapping divs should be positioned absolutely with the parent lihaving absolute position.

http://codepen.io/Paulie-D/pen/emBKVa

Frankly you don’t need the divs, you could just use the submenu ul but that’s another issue.

[sushant1184]

Thanks Paulie_D and everyone for the support.

This solved my problem

[Author]

Posts