مشکل در حالت ریسپانسیو

[Mirr0r]

بسم الله

 

با سلام و وقت بخیر

متاسفانه ما توی انجمن یه مشکلی داریم و اون اینکه حالت ریسپانسیو سایت خراب هستش.

وقتی که سایت لود میشه و وقتی روی منو ها کلیک میکنیم، نیاز به اسکرول از چپ به راست داره ...

ممنون میشم راهنمایی بفرمایید.

[Mirr0r]

On 9/24/2017 at 10:09, شعبان زاده said:

با سلام و خسته نباشید 

مشکل عدم رسپاسنیو از قالب نیست بلکه به دلیل عدم رسپانسیو بودن بنر تبلیغاتی شماست 

برای حل این مشکل باید از کد max-width در css استفاده بفرمایید
مقدار max-width:100% مشکل را حل خواهد کرد
از این رو که برای بنر یک کلاس با  عنوان alignnone wp-image-4610 size-full تعریف کردید می تونید با اضافه کردن img به کلاس کد نهایی را بسازید 

نمونه کد نهایی (به custom.css اضافه شود )
 

img.alignnone.size-full.wp-image-4610 {
    max-width: 100%;
}

 یا  آن که کد را به صورت درون لاین وارد بفرمایید 

نمونه اصلاح شده کد به صورت درون لاین 
 

<img class="alignnone wp-image-4610 size-full" src="http://tebeslami.net/wp-content/uploads/2016/08/hm.png" alt="hm" width="600" height="100" style="
    max-width: 100%;
">

هردو روش اصلاح مشکل شما را بر طرف خواهد کرد 
به هر روش صلاح می دانید عمل کنید (روش اول پیشنهاد می شود )
در صورت عدم رفع مشکل یا نیاز به توضیح بیشتر در کنار اعلام آن از همین مبحث کد مربوط به بنر را جهت اصلاح قرار دهید

با احترام
موفق باشید 

 

سلام بر شما و بسیار ممنونم

الحمدلله راهکار عالی بود و حل شد ...

[محمدیان]

سلام عرض ادب خدمت شما کاربر محترم

انجمنتان را بروزرسانی بفرمایید قالب مربوط به نسخه های قبل است

[Mirr0r]

8 hours ago, محمدیان said:

سلام عرض ادب خدمت شما کاربر محترم

انجمنتان را بروزرسانی بفرمایید قالب مربوط به نسخه های قبل است

بسیار ممنون از ادب و لحن پاسخگویی

انجمن رو به نسخه 4.2 ارتقاء دادیم لکن متاسفانه همچنان مشکل وجود داره.

آیا پیشنهادی دارید برای رفع این مشکل؟

[محمدیان]

لینک انجمنی که گذاشته اید در پروفایل خود هم اکنون بارگزاری نمی شود

بررسی بفرمایید

[Mirr0r]

8 hours ago, محمدیان said:

لینک انجمنی که گذاشته اید در پروفایل خود هم اکنون بارگزاری نمی شود

بررسی بفرمایید

احتمالا یه مشکل مقطعی بوده چون هاستینگ قطعی گزارش نکرده.

ممنون میشم مجددا بررسی بفرمایید.

[محمدیان]

در بخش تنظیمات قالب گزینه فعال کردن حالت ریسپانسیو را فعال نموده اید!

[Mirr0r]

 

10 hours ago, محمدیان said:

در بخش تنظیمات قالب گزینه فعال کردن حالت ریسپانسیو را فعال نموده اید!

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

 

[محمدیان]

این کد را در فایل custom.css قرار داده و ذخیره بفرمایید

مجدد تست کنید

#ipsLayout_mainArea {
 	padding: 0 20px;
}
.ipsBreadcrumb {
	margin-left: 20px;
	margin-right: 20px;
}
#ipsLayout_sidebar {
	padding-left: 0;
  	padding-right: 0;
}
	html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft,
	html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
		padding-left: 20px;
	}
	html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarright,
	html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarleft {
		padding-right: 20px;
	}

 

[Mirr0r]

26 minutes ago, محمدیان said:

این کد را در فایل custom.css قرار داده و ذخیره بفرمایید

مجدد تست کنید

#ipsLayout_mainArea {
 	padding: 0 20px;
}
.ipsBreadcrumb {
	margin-left: 20px;
	margin-right: 20px;
}
#ipsLayout_sidebar {
	padding-left: 0;
  	padding-right: 0;
}
	html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft,
	html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
		padding-left: 20px;
	}
	html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarright,
	html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarleft {
		padding-right: 20px;
	}

 

ضمن سپاس فراوان از شما

کد رو قرار دادم و کش مرورگر ها رو پاک کردم تست زدم.

متاسفانه مشکل همچنان باقی هستش ... :(

[شعبان زاده]

با سلام و خسته نباشید 

مشکل عدم رسپاسنیو از قالب نیست بلکه به دلیل عدم رسپانسیو بودن بنر تبلیغاتی شماست 

برای حل این مشکل باید از کد max-width در css استفاده بفرمایید
مقدار max-width:100% مشکل را حل خواهد کرد
از این رو که برای بنر یک کلاس با  عنوان alignnone wp-image-4610 size-full تعریف کردید می تونید با اضافه کردن img به کلاس کد نهایی را بسازید 

نمونه کد نهایی (به custom.css اضافه شود )
 

img.alignnone.size-full.wp-image-4610 {
    max-width: 100%;
}

 یا  آن که کد را به صورت درون لاین وارد بفرمایید 

نمونه اصلاح شده کد به صورت درون لاین 
 

<img class="alignnone wp-image-4610 size-full" src="http://tebeslami.net/wp-content/uploads/2016/08/hm.png" alt="hm" width="600" height="100" style="
    max-width: 100%;
">

هردو روش اصلاح مشکل شما را بر طرف خواهد کرد 
به هر روش صلاح می دانید عمل کنید (روش اول پیشنهاد می شود )
در صورت عدم رفع مشکل یا نیاز به توضیح بیشتر در کنار اعلام آن از همین مبحث کد مربوط به بنر را جهت اصلاح قرار دهید

با احترام
موفق باشید