[Solved] On resizing browser menu item goes down

[bhawna]

I am getting a problem in navigation bar.It is working fine but when i am resizing the browser navigation bar item goes down. Plz give suggestion so that on resizing menu item doesnt goes down.

[MOD EDIT – Codedump Removed]

[shaneisme]

Unfortunately there’s nothing we can do to help you with this code dump.

Please provide a full example using CodePen, or a live link so we can take a look.

[Paulie_D]

Please provide a full example using CodePen

What he meant to say was a reduced case example with only the HTML & CSS required to demonstrate the issue.

[bhawna]

thanks but that problem is fixed now but i am facing another problem..when i am resizing the browser window menu item goes outside the div..

the link for code is as below..

https://gist.github.com/anonymous/0d57c6ba53f00110c551

[Paulie_D]

…a reduced case example with only the HTML & CSS required to demonstrate the issue.

Please don’t make us download code to demo the issue.

Codepen.io is the perfect place to show us the problem.

Help us help you.

[bhawna]

so shall i send you the code again

[bhawna]

Please find below codepen.io for my problem..sorry for inconvenience

http://codepen.io/anon/pen/Qwjpeb

[Paulie_D]

I’ve centered the ul…which I assume you wanted.

For some reason you’d floated it left then used margin to push it back…I think that was the source of the problem.

I’ve added a red border so you can see that the current list items don’t quite fill the ul on large screens. You might want to think about a bg color for the ul to ‘hide’ that.

Oh…and media queries too…for smaller screens.

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

[bhawna]

Thanks i already fixed that ..

[Author]

Posts