Indytheme Support

ถาม - ตอบ => Smart Variety => ข้อความที่เริ่มโดย: indytheme-207 ที่ 07/06/25 เวลา 15:51 น.

หัวข้อ: ภาพแบนเนอร์ แสดงขนาดเพี้ยนบนจอมือถือ ต้องทำอย่างไรครับ
เริ่มหัวข้อโดย: indytheme-207 ที่ 07/06/25 เวลา 15:51 น.

<a href="https://lin.ee/gKlFJcz " target="_blank"> <img src="https://www.phulae.com/wp-cont...E0%B9%88%E0%B8%B2%E0%B8%A2.jpg " alt="สับปะรดภูแล" style="width: 100%; max-width: 1150px;">
</a>

ของเว็บ https://www.phulae.com/ (https://www.phulae.com/)

https://hupscreen.com/ (https://hupscreen.com/)

ต้องใช้ขนาดเท่าไหร่ หรือ ต้องแก้ไขอย่างไรครับ

หัวข้อ: Re: ภาพแบนเนอร์ แสดงขนาดเพี้ยนบนจอมือถือ ต้องทำอย่างไรครับ
เริ่มหัวข้อโดย: SUPPORT ที่ 07/06/25 เวลา 21:18 น.

แก้เป็นแบบนี้ครับ

โค๊ด: [Select]

<a href="https://lin.ee/gKlFJcz " target="_blank"> <img src="url รูปภาพ " alt="สับปะรดภูแล" style="width: 100%; height: auto;" />
</a>
สำคัญที่ style="width: 100%; height: auto;"
แปลว่า กว้างเต็มหน้าจอ แล้วให้สูงปรับตามอัตโนมัติ


แล้วเหมือน logo ขนาดไม่สมดุลนะครับ
ลองปรับตามนี้ครับ

1. ไปที่ เมนู ปรับแต่ง(ด้านบนของ wordpress)
2. กดเมนู CSS เพิ่มเติม (Additional CSS)
3. ใส่โค้ด CSS นี้ลงไปครับ

โค๊ด: [Select]

.headerxs__logo img {
    width: auto;
}4.กดบันทึก

*หากมี cache ใดๆที่ทำให้ยังไม่เห็นผลลัพธ์ ต้องเคลียร์แคชก่อนครับ

หัวข้อ: Re: ภาพแบนเนอร์ แสดงขนาดเพี้ยนบนจอมือถือ ต้องทำอย่างไรครับ
เริ่มหัวข้อโดย: smart-variety245 ที่ 23/01/26 เวลา 10:45 น.

ผมลองใส่แบนเนอร์ แล้วในหน้ามือถือ เมนูแทปส่วนหัวมันหล่นมากลางจอ แก้ไขอย่างไรครับ

หัวข้อ: Re: ภาพแบนเนอร์ แสดงขนาดเพี้ยนบนจอมือถือ ต้องทำอย่างไรครับ
เริ่มหัวข้อโดย: SUPPORT ที่ 23/01/26 เวลา 10:52 น.

อ้างจาก: smart-variety245 ที่ 23/01/26 เวลา 10:45 น.

ผมลองใส่แบนเนอร์ แล้วในหน้ามือถือ เมนูแทปส่วนหัวมันหล่นมากลางจอ แก้ไขอย่างไรครับ

สวัสดีครับ รบกวนลูกค้าส่ง url เว็บให้ทาง inbox ในเพจทีครับ https://www.facebook.com/indytheme

หัวข้อ: Re: ภาพแบนเนอร์ แสดงขนาดเพี้ยนบนจอมือถือ ต้องทำอย่างไรครับ
เริ่มหัวข้อโดย: smart-variety245 ที่ 23/01/26 เวลา 13:26 น.

เจอปัญหาที่แท้จริงแล้วครับ เกิดจากสองปลั๊คอินนี้ WP-Optimize Premium และ WP Rocket

หากใครใช้ตัวใดก็เข้าไปตั้งค่าตามนี้

WP-Optimize Premium
เข้าไปที่ Images
ไปที่เมนู Image Dimensions
ปิด Enable images dimensions

WP Rocket
เข้าไปที่ Settings > WP Rocket
ไปที่เมนู Media
หาหัวข้อ Image Dimensions แล้วติ๊กออกที่ช่อง Add missing image dimensions