پارس جوم :: انجمن های تخصصی جوملا

نسخه‌ی کامل: مشکل در نمایش یک ماژول در نسخه موبایلی
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
با سلام

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

مشکل کجاست؟

آدرس سایت :

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


با تشکر
فرمی که ساختید حالت ریسپانسیو نداره و برای همین بهم میریزه. عرض فیلدهای فرم و سایز نوشته ها رو تغییر بدید (به صورت درصدی مقدار بدید) احتمالا درست میشه.
درود
من فکر میکنم قسمت مطالب شما یا همون کامپوننت کانتنت از ریسپانسیو خارج شدهچون الان در بیشتر صفحات مطالب در حالت موبایل روی بقیه اجزا قالب را گرفته است.
احتمالا قالب دستکاری شده
با سلام
یه کد هست تو لاین 206 تمپلیت سی اس اس که الان روی 15px و 8 درصد هست ، اگر اون 15 پیکسل بشه 60% تو موبایلی صفحات دیگه درست میشه اما لپ تاپی بهم میریزه

حتی سعی کردم با مدیا کوئری برای ابعاد موبایلی فقط 60 درصد بدم که عمل نکرد
نمیدونم چی باید کرد
مهندس یه کلاس نوشتم که دو تا مارجین 15 و 60 درصد داره ، و این کلاس رو به دایو اصلی تو قالب دادم

الان همه صفحات ماژول اوکی هست تو نمایش موبایلی اما تو صفحه اصلی از پایین فاصله ایجاد میشه

میشه یه نگاهی بکنین ؟ یا اینکه آیا رای هست که یه کلاس برای یه منوی خاص اعمال نشه؟ ممنون
درود
صفحه اصلی در قالبتون کلاس اختصاصی 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;
}
لینک مرجع