ทำยังไงให้รูปแบบแสดงบนมือถือเปลี่ยนตำแหน่งกันครับ

[pond]

ทำยังไงให้รูปแบบแสดงบนมือถือเปลี่ยนตำแหน่งกันครับ

เช่น จาก ในเว็บ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,เมนู,ล็อคอิน
ในมือถือจะเปลี่ยนเป็น หัวข้อ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,ล็อคอิน เมนู

[M031]

code ตัวอย่าง คร่าวๆ
ตามที่คุณบอก ในเว็บ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,เมนู,ล็อคอิน
ในมือถือจะเปลี่ยนเป็น หัวข้อ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,ล็อคอิน ,เมนู

โค้ด: เลือกทั้งหมด

	<style>
		@media (min-width: 768px){
			.destop-left{
				float:left;
			}
			.full-nav-80{
				width:80%;
			}
			.full-nav-10{
				width:10%;
			}
			.full-nav-10{
				width:10%;
			}
		}
		@media (max-width: 768px){
			.destop-mobile-right{
				float:right !important;
			}
		}
	</style>
	<div class="full-nav-80 destop-left">
	 	หัวข้อ โลโก้,ค้นหา,แบนเนอร์ 
	</div>
	<div class="full-nav-10 destop-left">
	 	เมนู
	</div>
	<div class="full-nav-10 destop-left destop-mobile-right">
	 	ล็อคอิน
	</div>

[pond]

ได้แล้วครับ สร้างสองอันเลย ตอนเป็นมืออันไหนไม่ใช้ก็ display none