Lỗi hiển thị thanh login trên điện thoại của Xenforo

Mình thêm vào xenforo các tuỳ chọn đăng nhập qua Facebook, Twitter và Google. trên máy tính thì hiển thị giống các forum khác. Tuy nhiên trên điện thoại thì không, theo như một số forum mình thấy thì trên điện thoại các thanh login with FB, Twitter, Google sẽ nằm bên dưới khu vực login. Còn forum mình thì định dạng nó vẫn như trên máy tính, tức phần Login with kia nằm bên phải khu vực login, dẫn tới khu vực login bị responsive, gần như không thể đăng nhập bình thường.

Demo: http://forum.tez.vn

Mong mọi người hướng dẫn cách fix cái lỗi này với

 

Đúng là thế, mình dùng 1 style cho máy bình thường, 1 style cho điện thoại. Về cơ bản 2 cái mình tinh chỉnh giống hệt nhau, chỉ khác ở cái vt.lai topx thôi.

Nhưng nếu thêm cái đăng nhập bằng Facebook, Twitter, Google thì nó thêm cho cả 2 style chứ không phải 1. Nên mình không biết phải chỉnh code nào ở style cho điện thoại để nó xuống dưới khu vực đăng nhập

 

Nếu mọi người biết cách chỉnh cho nó xuống dưới thì càng tốt, không thì chỉ mình cách xoá hoàn toàn mấy cái login fb, twt,google kia ở giao diện mobile cũng được.

 

Đang rất cần mà không ai giúp được cái này hết sao

 

Vô template helper_login_form tìm đoạn này nhé, có thể xóa đi hoặc fix css cho phù hợp

Mã:

<xen:if is="{$xenOptions.facebookAppId}">
        <xen:require css="facebook.css" />
        <dl class="ctrlUnit">
            <dt></dt>
            <dd><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="10"><span>{xen:phrase login_with_facebook}</span></a></dd>
        </dl>
    </xen:if>
   
    <xen:if is="{$xenOptions.twitterAppKey}">
        <xen:require css="twitter.css" />
        <dl class="ctrlUnit">
            <dt></dt>
            <dd><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="10"><span>{xen:phrase login_with_twitter}</span></a></dd>
        </dl>
    </xen:if>
   
    <xen:if is="{$xenOptions.googleClientId}">
        <xen:require css="google.css" />
        <dl class="ctrlUnit">
            <dt></dt>
            <dd><span class="googleLogin GoogleLogin JsOnly" tabindex="10" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></dd>
        </dl>
    </xen:if>

 

Ok, thanks bạn. Để mình xoá thử xem

 

Hehe, tự nhiên bây giờ nó load lại như các trang khác rồi @@ Load xổ dọc xuống chứ không nằm ngang nữa.
Chắc do mạng 3G yếu load không được.