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

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


Mirr0r
Go to solution حل شده توسط Mirr0r,

سوال

بسم الله

 

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

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

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

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

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

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

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

10 پاسخ به این سوال تا کنون داده شده است

پست های پیشنهاد شده

  • 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%;
">


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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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


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

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

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

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
پاسخ به این سوال ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • افزودن...