เปลี่ยน ขีด 3 ขีด + ใส่คำว่า Manu

หน้าแรก ฟอรั่ม ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส เปลี่ยน ขีด 3 ขีด + ใส่คำว่า Manu

กำลังดู 6 ความเห็น
  • ผู้เขียน
    ข้อความ
    • #274739
      Facebook Profile photoJerasak Thamnitra
      Participant

      สอบถามหน่อยครับ  ใช้ธีม Plant ต้องการเปลี่ยนขีดใน เมนูโมบาย เป็นสามขีดตรงพร้อมใส่คำว่า Manu ด้านข้าง  ต้องทำอย่างไรบ้างครับ

      ปล.  ผมอ่านในกระทู้ที่ผ่านมาแล้วไม่เข้าในครับ

      ต้องใช้ css ตัว border-left: 1px solid #fff; นะครับ แต่ตำแหน่งต้อง inpsect ดูนะครับ

      ผมมือใหม่ครับ  ขอบคุณครับ

    • #274758
      Facebook Profile photoK
      Keymaster

      แนวทางน่าจะตามลิงก์นี้นะครับ เพิ่มที่ไฟล์ header.php น่าจะง่ายสุดนะครับ

       

      หรือลองใส่ css ชุดนี้ดูนะครับ ไม่แน่ใจว่าจะได้ไหมนะครับ

      .site-header .action-left::after{

      content: ‘Menu’;

      }

    • #274800
      Facebook Profile photoJerasak Thamnitra
      Participant

      ผมลองแล้วครับ ไม่สามารถทำได้ครับ  มีวิธีไหนบ้างครับ

       

      หรือลองใส่ css ชุดนี้ดูนะครับ ไม่แน่ใจว่าจะได้ไหมนะครับ

      .site-header .action-left::after{

      content: ‘Menu’;

      }

       

    • #274861
      Facebook Profile photoK
      Keymaster

      .site-header .site-toggle:after {
      content: “Menu”;
      left: 31px;
      top: -6px;
      }

      ลองดูโค้ดนี้น่าจะได้ครับ

    • #274864
      Facebook Profile photoJerasak Thamnitra
      Participant

      แก้ใน header.php หรอครับ  ถ้าหากต้องการ ขีดสามขีดตรง  ต้องใส่ค่าอะไรครับ

       

    • #274880
      Facebook Profile photoJerasak Thamnitra
      Participant

      แก้ได้แล้วนะครับ  โดยการแก้ไขที่ Css

      /* ใส่ชื่อเมนู */
      .site-toggle:after {
      pointer-events: none;
      content: “Menu”;
      position: absolutr;
      display: block;
      left: 31px;
      right: -16px;
      top: -6px;
      bottom: -1em;
      z-index: 0;
      font-size: 18px;
      }
      /* ใส่ขีดบน */
      .site-toggle b:before {
      left: 0;
      right: 0em;
      top: -0.8em;
      }
      /* ใส่ขีดล่าง */
      .site-toggle b:after {
      left: 0em;
      right: 0;
      top: 0.8em;
      }

    • #274987
      Facebook Profile photoK
      Keymaster

      (^_^)b

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

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