مشکل در نمایش یک ماژول در نسخه موبایلی
|
۲۱-۴-۱۳۹۶, ۰۴:۰۵ عصر
ارسال: #1
|
|||
|
|||
مشکل در نمایش یک ماژول در نسخه موبایلی
با سلام
تو سایتم زیر اسلایدشو یه فرم افقی دارم و یه بخش اخبار اسکرولی ، وقتی با موبایل سایت رو نگاه میکنی تو صفحه اصلی مشکلی نیست اما تو سایر صفحات بهم میریزه و یه چیزی میاد روی این دو تا قرار میگیره مشکل کجاست؟ آدرس سایت : دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید. با تشکر |
|||
۲۱-۴-۱۳۹۶, ۰۵:۰۶ عصر
ارسال: #2
|
|||
|
|||
RE: مشکل در نمایش یک ماژول در نسخه موبایلی
فرمی که ساختید حالت ریسپانسیو نداره و برای همین بهم میریزه. عرض فیلدهای فرم و سایز نوشته ها رو تغییر بدید (به صورت درصدی مقدار بدید) احتمالا درست میشه.
|
|||
|
۲۲-۴-۱۳۹۶, ۰۴:۴۴ صبح
ارسال: #3
|
|||
|
|||
RE: مشکل در نمایش یک ماژول در نسخه موبایلی
درود
من فکر میکنم قسمت مطالب شما یا همون کامپوننت کانتنت از ریسپانسیو خارج شدهچون الان در بیشتر صفحات مطالب در حالت موبایل روی بقیه اجزا قالب را گرفته است. احتمالا قالب دستکاری شده |
|||
|
۲۴-۴-۱۳۹۶, ۰۹:۴۷ عصر
ارسال: #4
|
|||
|
|||
RE: مشکل در نمایش یک ماژول در نسخه موبایلی
با سلام
یه کد هست تو لاین 206 تمپلیت سی اس اس که الان روی 15px و 8 درصد هست ، اگر اون 15 پیکسل بشه 60% تو موبایلی صفحات دیگه درست میشه اما لپ تاپی بهم میریزه حتی سعی کردم با مدیا کوئری برای ابعاد موبایلی فقط 60 درصد بدم که عمل نکرد نمیدونم چی باید کرد |
|||
۲۴-۴-۱۳۹۶, ۱۱:۰۴ عصر
ارسال: #5
|
|||
|
|||
RE: مشکل در نمایش یک ماژول در نسخه موبایلی
مهندس یه کلاس نوشتم که دو تا مارجین 15 و 60 درصد داره ، و این کلاس رو به دایو اصلی تو قالب دادم
الان همه صفحات ماژول اوکی هست تو نمایش موبایلی اما تو صفحه اصلی از پایین فاصله ایجاد میشه میشه یه نگاهی بکنین ؟ یا اینکه آیا رای هست که یه کلاس برای یه منوی خاص اعمال نشه؟ ممنون |
|||
۲۷-۴-۱۳۹۶, ۰۸:۰۴ عصر
ارسال: #6
|
|||
|
|||
RE: مشکل در نمایش یک ماژول در نسخه موبایلی
درود
صفحه اصلی در قالبتون کلاس اختصاصی menu-homepage رو در body داره که می تونید استفاده کنید ولی پیشنهاد نمی کنم، سعی کنید css رو تمیز کار کنین تا با اضافه و کم شدن پوزیشن ها به مشکل نخورید. ۱- کلاس abc که ایجاد کردین رو حذف کنید. ۲- در template.css این کد رو: کد: (انتخاب همه) #rt-feature { با این جایگزین کنید: کد: (انتخاب همه) #rt-feature > .rt-container > div.rt-alpha { |
|||
|
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان