การแจ้งเตือน
ลบทั้งหมด

panida.jeng

   RSS

0
หัวข้อเริ่มต้น

ต้องการ hamburger menu ทั้งใน desktop และ mobile เหมือนกับ seedweb ค่ะ

  • hamburger menu อยู่ซ้าย
  • logo อยู่ตรงกลาง
  • search อยู่ขวา

อ่านกระทู้เก่า เห็นว่าต้องแก้โค้ดใน header.php
รบกวนขอขั้นตอนแบบละเอียดนะคะ เขียนโค้ดไม่เป็นค่ะ

ขอบคุณมากค่ะ

แท็กหัวข้อ
4 คำตอบ
0

ส่วนใน mobile จะสามารถตั้งในส่วนปรับแต่งได้ตามภาพเลยนะครับ

ส่วนใน desktop ถ้าดึงมาเหมือนกับ mobile เลย อาจจะใช้ css ซ่อน desktop ปัจจุบันแล้วให้ mobile แสดงขึ้นมาแทนได้นะครับ

ถ้าไม่ชำนาญการเขียนโค้ดรบกวนตั้งหน้า mobile ตามภาพก่อน แล้วส่งลิงก์มาได้ครับ เดียวผมนะนำ css เบื้องต้นให้ได้ครับ

 

ขออภัยตอนนี้เหมือนบอร์ดจะแนบรูปไม่ขึ้น
ที่ตั้งค่าจะอยู่ที่ ส่วนปรับแต่ง แล้วก็ header นะครับ

Screen Shot 2565 02 18 at 10.39.39
0
หัวข้อเริ่มต้น

ตั้งค่าตามที่แจ้งมาเรียบร้อยค่ะ
ลิ๊งของเว็บไซด์ค่ะ http://decordiadesign.com/ded-demo/

Screen Shot 2565 02 21 at 11.45.15

การแก้โดยใช้ css กับการแก้ไขโค้ดใน header.php
มีผลกับการแสดงผลมั้ยคะ แบบไหนดีกว่ากันคะ

0
@media (min-width: 992px) {

#page .site-branding {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}

#page .action-left {
    display: block;
    left: 15px;
}

}

ลองเพิ่มโค้ดส่วนนี้ตรง cusotm css ดูนะครับ

ถ้าเพิ่มแล้วควรจะแสดงตามภาพนี้นะครับ

Screen Shot 2565 02 21 at 20.56.24

 

0
หัวข้อเริ่มต้น

แสดงผลตามไฟล์แนบเรียบร้อยค่ะ
ขอบคุณมากเลยนะคะ 🙏🏻🙏🏻🙏🏻🙏🏻

Screen Shot 2565 02 22 at 09.57.54

 

แบ่งปัน: