مشکل عدم نمایش ماژول ریسپانسیو در موبایل

[arash2860]

سلام

وقت بخیر

بنده از ماژول BT Content Slider در دو موقعیت مختلف صفحه اول سایت روی جوملا 3.6 استفاده می کنم

این ماژول ریسپانسیو است

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


در یک موقعیت به صورت دو آیتم متحرک و در موقعیت دیگر به صورت 12 آیتم ثابت

قالب سایت ریسپانسیو است

سایت و ماژول در مرورگرهای مختلف روی لپ تاپ و کامپیوتر به درستی لود می شود

در گوشی های موبایل بزرگ و تبلت نیز به درستی رسیپانسیو شده و نمایش داده می شود

اما در گوشی های 4 اینچ به پایین ماژول در موقعیت دو تایی متحرک نمایش داده می شود اما در موقعیت 12 آیتمی ثابت نمایش داده نمی شود و ستون سفید دیده می شود

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

کد: (انتخاب همه)

http://www.sedayeabadan.ir

[arash2860]

اساتید در این باره نظر و راهکاری ندارند؟

[hsmtech]

با درود!

شما در ماژولتون یک بخش دارید که به این شکله:

کد: (انتخاب همه)

<div class="slides_control" style="direction: rtl; left: -258px; width: 774px; height: 2000px;"><div class="slide" style="width: 258px; left: 258px;">

البته اعدادش با توجه به اندازه صفحه نمایش متغیر خواهد بود. اما قسمتی که style تعریف شده و به صورت زیر هست اگر حذف بشه ظاهرا مشکل حل میشه:

کد: (انتخاب همه)

direction: rtl;

البته با توجه به این که به صورت inline استایل تعریف شده منبعش رو خودتون باید پیدا کنید. ممکنه در فایل‌های قالب ماژول یا جای دیگری باشه

[arash2860]

کد: (انتخاب همه)

BTCJ = jQuery.noConflict();
jQuery(document).ready(function () {
    if (typeof(btcModuleIds) != 'undefined') {
        for (var i = 0; i < btcModuleIds.length; i++) {
            jQuery('#btcontentslider' + btcModuleIds[i]).css("direction", "ltr");
            jQuery('#btcontentslider' + btcModuleIds[i]).fadeIn("fast");

            if(btcModuleOpts[i].width=='auto'){
                jQuery('#btcontentslider' + btcModuleIds[i] + ' .slide').width(jQuery('#btcontentslider' + btcModuleIds[i] + ' .slide').width());
            }

            BTCJ('#btcontentslider' + btcModuleIds[i]).slides(btcModuleOpts[i]);
            if (jQuery("html").css("direction") == "rtl") {
                jQuery('#btcontentslider' + btcModuleIds[i] + ' .slides_control').css("direction", "rtl");
            }
        }
    }
    jQuery('img.hovereffect').hover(function () {
        jQuery(this).stop(true).animate({
            opacity : 0.5
        }, 300)
    }, function () {
        jQuery(this).animate({
            opacity : 1
        }, 300)
    })
})

[arash2860]

بعد از حذف استایل
direction: rtl
مشکل عدم نمایش حل می شود اما متاسفانه مشکل بهم ریختن سطر بندی جملات به وجود می آید
این استایل از فایل
default.js
در ماژول مربوطه گرفته می شود