رفتن به مطلب
  • 0
Mirr0r

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

سوال

بسم الله

 

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

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

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

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

photo_2017-09-20_18-19-16.jpg

photo_2017-09-20_18-20-15.jpg

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر

Recommended Posts

  • 0

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

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

  • Like 1

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0
8 hours ago, محمدیان said:

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

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

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

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

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

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0

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

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

  • Like 1

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0
8 hours ago, محمدیان said:

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

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

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

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

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0

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

  • Like 1

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0

 

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

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

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

 

image.thumb.png.144a58a7e18006f1e03a7a258c9d0961.png

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0

این کد را در فایل 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;
	}

 

  • Like 1

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0
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;
	}

 

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

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

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

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0

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

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

برای حل این مشکل باید از کد 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%;
">


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

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

  • Like 1
  • Thanks 1

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر
  • 0
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%;
">


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

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

 

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

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

به اشتراک گذاشتن این پست


لینک به پست
اشتراک در سایت های دیگر

ایجاد یک حساب کاربری و یا به سیستم وارد شوید برای ارسال نظر

کاربر محترم برای ارسال نظر نیاز به یک حساب کاربری دارید.

ایجاد یک حساب کاربری

ثبت نام برای یک حساب کاربری جدید در انجمن ها بسیار ساده است!

ثبت نام کاربر جدید

ورود به حساب کاربری

در حال حاضر می خواهید به حساب کاربری خود وارد شوید؟ برای ورود کلیک کنید

ورود به سیستم

×