تغییر نوع منو های در طراحی ریسپانسیو

[thinkdiff]

با سلام
دوستان لطفا یک نگاه به ایا سایت بندازید :http://iranbehjoosh.ir/

صفحه رو ریسایز که میکنید سایت ریسپانسیو بودنش رو نشون میده.مشکلی را طراحی برای ریسپانسیو اون اندازه ندارم فقط میخوام بدونم اون منو ها چطور به منو لیست باز شونده تبدیل میشه؟و این که چطور روی هر کدوم کلیک می کنیم لینک هست و خود به خود میره به صفحه مورد نظر؟

ممنون

[bahar0011]

سلام
اینا خاصیت های css3 هست که به شما اجازه میده تا طراحی شما در سایز های مختلف ، رفتار های متفاوتی داشته باشه
این منوها در صفحه وجود داره فقط در سایز max-width: 767px نمایش داده میشه و در حالت دیگه display: none; هست
@media (max-width: 767px)
#header-responsive {
display: block;
}

http://www.htmlgoodies.com/html5/tutorials/an-introduction-to-css3-media-queries.html#fbid=BNeGIp_kpTu

اینم یه لینک دیگه که یه مثال خوب رو توضیح داده
http://www.1stwebdesigner.com/css/media-queries-tutorial-convert-burnstudio-responsive-website/

[thinkdiff]

ممنون از لطفتون