สอบถาม+ขอความช่วยเหลือ

กำลังดู 1 ความเห็น
  • ผู้เขียน
    ข้อความ
    • #243833
      ตาเดฟตาเดฟ
      Participant

      อยากทำให้ในส่วนที่วงสีแดง Fix เหมือน ส่วน Header (แสดงเฉพาะ tablet กับ mobile )ต้องแก้ไขอย่างไง หรือมี Plugin ตัวไหนช่วยได้ไหมครับ ขอบคุณล่วงหน้าครับ

       

       

    • #243916
      Catdev StudioCatdev Studio
      Participant

      ผม inspect code ดู มันไม่มี Class ระบุเจาะจงให้ ผมแนะนำว่า ให้ไปเพิ่มคลาส ครอบไว้แล้วใช้ css ตัวนี้ดูครับ

      @media (max-width:768px){
        .button-line{ //เปลี่ยนเป็น Class ที่คุณใช้
          display :block;
          position: fixed;
          left: 0;
          right: 0;
          z-index: 10;
          top: 49px;
          background: #fff;
          padding-top: 10px;
        }
      }
      @media (min-width:992){
        .button-line{ //เปลี่ยนเป็น Class ที่คุณใช้
          display:none;
        }
      }

      เพียงเท่านี้ ปุ่มนี้ก็จะแสดงผลที่แค่ หน้าจอ โทรศัพท์ และ แทปเล็ตได้แล้วครับ

กำลังดู 1 ความเห็น

  • คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้