+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: مشکل در نمایش یک ماژول در نسخه موبایلی (/thread-20819.html)
مشکل در نمایش یک ماژول در نسخه موبایلی - sorina_1100 - ۲۱-۴-۱۳۹۶ ۰۴:۰۵ عصر
با سلام
تو سایتم زیر اسلایدشو یه فرم افقی دارم و یه بخش اخبار اسکرولی ، وقتی با موبایل سایت رو نگاه میکنی تو صفحه اصلی مشکلی نیست اما تو سایر صفحات بهم میریزه و یه چیزی میاد روی این دو تا قرار میگیره
مشکل کجاست؟
آدرس سایت :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
با تشکر
RE: مشکل در نمایش یک ماژول در نسخه موبایلی - mostafa272 - ۲۱-۴-۱۳۹۶ ۰۵:۰۶ عصر
فرمی که ساختید حالت ریسپانسیو نداره و برای همین بهم میریزه. عرض فیلدهای فرم و سایز نوشته ها رو تغییر بدید (به صورت درصدی مقدار بدید) احتمالا درست میشه.
RE: مشکل در نمایش یک ماژول در نسخه موبایلی - Reza Ganji - ۲۲-۴-۱۳۹۶ ۰۴:۴۴ صبح
درود
من فکر میکنم قسمت مطالب شما یا همون کامپوننت کانتنت از ریسپانسیو خارج شدهچون الان در بیشتر صفحات مطالب در حالت موبایل روی بقیه اجزا قالب را گرفته است.
احتمالا قالب دستکاری شده
RE: مشکل در نمایش یک ماژول در نسخه موبایلی - sorina_1100 - ۲۴-۴-۱۳۹۶ ۰۹:۴۷ عصر
با سلام
یه کد هست تو لاین 206 تمپلیت سی اس اس که الان روی 15px و 8 درصد هست ، اگر اون 15 پیکسل بشه 60% تو موبایلی صفحات دیگه درست میشه اما لپ تاپی بهم میریزه
حتی سعی کردم با مدیا کوئری برای ابعاد موبایلی فقط 60 درصد بدم که عمل نکرد
نمیدونم چی باید کرد
RE: مشکل در نمایش یک ماژول در نسخه موبایلی - sorina_1100 - ۲۴-۴-۱۳۹۶ ۱۱:۰۴ عصر
مهندس یه کلاس نوشتم که دو تا مارجین 15 و 60 درصد داره ، و این کلاس رو به دایو اصلی تو قالب دادم
الان همه صفحات ماژول اوکی هست تو نمایش موبایلی اما تو صفحه اصلی از پایین فاصله ایجاد میشه
میشه یه نگاهی بکنین ؟ یا اینکه آیا رای هست که یه کلاس برای یه منوی خاص اعمال نشه؟ ممنون
RE: مشکل در نمایش یک ماژول در نسخه موبایلی - صدرا حسابی - ۲۷-۴-۱۳۹۶ ۰۸:۰۴ عصر
درود
صفحه اصلی در قالبتون کلاس اختصاصی menu-homepage رو در body داره که می تونید استفاده کنید ولی پیشنهاد نمی کنم، سعی کنید css رو تمیز کار کنین تا با اضافه و کم شدن پوزیشن ها به مشکل نخورید.
۱- کلاس abc که ایجاد کردین رو حذف کنید.
۲- در template.css این کد رو:
کد:
#rt-feature {
float: right;
}با این جایگزین کنید:
کد:
#rt-feature > .rt-container > div.rt-alpha {
float: right ;
}
#rt-feature > .rt-container > div.rt-omega {
float: none;
display: inline-block;
}