how can i responsive this menu?

[ata8]

how can i responsive this menu?
actually how can i change the width of menu in responsive mode?
here is the code?

http://cdpn.io/prkDd

[Paulie_D]

What have you tried so far?

If you have a specific problem we can help but we’re not code writing service.

[ata8]

yeah your right.
here is the explanation of my problem.
this menu has a special structure as you see.
when i want to aligned to center. it makes me to set the fixed width to “.aw-top-bar ” and “#aw-top-menu”.
and i dont know how to responsive this menu only with css.

[Paulie_D]

For responsiveness you should be declaring widths in % values rather than px.

Then you need to look into media queries.

[Robert]

I really agree with Paulie_D, If you don’t have an specified width to center your menu you can just declare your list items as display:inline-block instead of float:left and jut set the text-align property to center. It will work for you.

[ata8]

but i want to align to center the bigger div.
i mean “#aw-top-menu” aligned to center and the “nav” element floated to right

[Robert]

I think then you have to declaring widths in % values rather than px according to Paulie_D.

[GroovyMotion]

What I do is set a max-width in px for my wrap and then all the rest is in % all the way down to 400px wide screens.

[Author]

Posts