النتائج 1 إلى 2 من 2
  1. #1
    Status
    Offline
    الصورة الرمزية Rise Company
    Engineering and Technology
    تاريخ التسجيل
    Apr 2014
    الدولة
    Egypt
    العمر
    29
    المشاركات
    2,894
    معدل تقييم المستوى
    10

    افتراضي ووردبريس Wordpress عكس الترتيب على الموبايل Reverse column stacking order


    ووردبريس Wordpress عكس الترتيب على الموبايل Reverse column stacking order
    Columns ordering on devices - WP Bakery Column Stacking / Display Order
    swap columns in visual composer on mobile responsive
    Stacking Columns Problems When Using WP Bakery Builder




    Add display:flex to your row and then, with media queries, in mobile add flex-direction:column-reverse to the same row. It will reverse the column order and so the one that is on right in desktop will move up, and the one on the left will move down.
    display:flex you can add it before mobile ( in general styles ) or just in mobile version when you need to add also flex-direction:column-reverse
    See example below or jsfiddle

    كود:
    @media handheld, only screen and (max-width: 767px){
        .vc_row.element-row.row {
            position: relative;
            flex-direction: column-reverse;
            display: flex;
        }
    }
    او

    كود:
    /*reverse row in desktop*/
    @media only screen and (min-width: 1001px) {   
     .reverse-row >.col.span_12 {        
    flex-direction: row-reverse !important;  
      }
    }
    او

    كود:
    @media all and (max-width:800px){
    .reverse-cols .fusion-row {
    display: flex;
    flex-flow: wrap;
    flex-direction: column-reverse;}}
    او


    كود:
    @media screen and (max-width: 800px) {
        .fusion-row { display: flex; flex-flow: column; }
        .fusion-column-last { order: 1}
        .fusion-column-first { order: 2}
    }
    حل اخر

    Duplicate the row that has the 1/4 + 3/4 containers. Set the original to display on medium and large screens only. Set the duplicate to only display on small screens and drag your 3/4 container to the left of the 1/4 container so it’s a row of 3/4 + 1/4.


    ------------------------------------------------------------------------
    شركة رايز للتكنولوجيا Rise Company for Technology
    ------------------------------------------------------------------------

    أفضل شركة رقم #1 فى استضافة مواقع - ايميلات شركات - تصميم مواقع

    تسويق الكترونى على الفيس بوك - تسويق الكتروني على جوجل - تصوير فوتوغرافى

    اى تى كمبيوتر - شبكات نتورك - ويندوز سيرفر - فايروول - كاميرات مراقبة

    سنترالات - تقوية اشارة موبايل - بصمة حضور و انصراف - اكسس كنترول.

    https://www.rise.company/host/

    Phone [9am ~ 5pm] : 0100 000 1637

    ------------------------------------------------------------------------
    شركة رايز للهندسة Rise Company for Engineering
    ------------------------------------------------------------------------

    أفضل شركة رقم #1 فى التسويق عقاري السريع بالاسكندرية و الساحل الشمالي

    بيع - شراء - ايجار | شقق - محلات - شاليهات - فلل - اراضى

    https://www.rise.company/eng

    Phone [9am ~ 5pm] : 0100 000 8163


  2. #2
    Status
    Offline
    الصورة الرمزية نارمين
    عضو
    تاريخ التسجيل
    Mar 2020
    الدولة
    Algeria
    المشاركات
    4
    معدل تقييم المستوى
    0

    افتراضي رد: ووردبريس Wordpress عكس الترتيب على الموبايل Reverse column stacking order

    شكرا جزيلا على التوضيح والشرح
    سبحان الله وبحمدة .... سبحان الله العظيم

المواضيع المتشابهه

  1. ووردبريس Wordpress الاخفاء في Elementor Page Builder
    بواسطة Rise Company في المنتدى قسم ووردبريس WordPress
    مشاركات: 0
    آخر مشاركة: 31-01-2020, 22:49
  2. ووردبريس Wordpress اخفاء how to hide protected by reCAPTCHA
    بواسطة Rise Company في المنتدى قسم ووردبريس WordPress
    مشاركات: 0
    آخر مشاركة: 22-01-2020, 09:40
  3. ووردبريس Wordpress اضافة تعريب المواقع Wpml شرح التثبيت اول مرة
    بواسطة Rise Company في المنتدى قسم ووردبريس WordPress
    مشاركات: 0
    آخر مشاركة: 15-11-2019, 23:33
  4. اضافة تعريب / ترجمة مواقع الووردبريس Wpml Wordpress Multilingual
    بواسطة Rise Company في المنتدى قسم ووردبريس WordPress
    مشاركات: 0
    آخر مشاركة: 15-11-2019, 23:06
  5. ووردبريس wordpress رسائل اس ام اس smsglobal اضافة WP SMS
    بواسطة Rise Company في المنتدى قسم ووردبريس WordPress
    مشاركات: 0
    آخر مشاركة: 19-09-2019, 14:22

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •