html - Menu items order on mobile version (float problems) -


when menu go hamburger menu items display:block value. items don't right order because of float:right property on last 3 items.

i stuck ideas, can make 2 menus think not right way.

codepen preview here

if want different order without creating 2 menus take @ using flexbox , order property: https://www.w3schools.com/cssref/css3_pr_order.asp

in mobile view along lines of:

header ul {     display: flex;     flex-direction: column; }  header ul li:nth-child(5) {     order: 7; }  header ul li:nth-child(6) {     order: 6; } 

Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -