موقعیت منوی سایت

[nahid_pouya 10]

سلام دوستان.

من از منوی maximenu استفاده کردم تو سایت، ولی وقتی از سمت راست بهش margin و padding میدم در حالت عادی درسته هنگامیکه مرورگرم minimize میشه منوی خیلی میاد جلوتر و صفحه ام اسکرول میشه،

برای حل این مشکل باید از چه دستوری استفاده کنم؟؟؟

http://saba.shahvari.ir

[Vahid Taheri 74]

با استفاده از خاصیت @media در css شما میتونید استایل های css متفاوتی برای هر مانیتور استفاده کنید. ( یه جورایی برای کد css شرط میگذارید )

برای مثال فرض میکنیم یه کلاس داریم به نام example و میخواهیم کدی بزاریم که اگر در مانیتور های عرض 1024 به پایین بود ، رنگ زمینش قرمز بشه و اگر بین 1024 تا 1280 بود نارنجی. کد css رو اینطوری تعریف میکنیم :

@media screen and (max-width: [color="#FF0000"]1024px[/color]){
.example {
	background : red;
}
}
@media screen and (max-width: [color="#FF0000"]1280px[/color]){
.example {
	background : orange;
}
}

این ساختار کد های شرطی در css هست و شما به جای کدی که برای کلاس example نوشتم میتونید کد مخصوص به همون موقعیت به تناسب مانیتور یا هر کد دیگری رو وارد کنید.

در طراحی رسپانسیو هم این کد به کمکتون میاد

موفق باشید