แก้เป็นแบบนี้ครับ
<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 นี้ลงไปครับ
.headerxs__logo img {
width: auto;
}4.กดบันทึก
*หากมี cache ใดๆที่ทำให้ยังไม่เห็นผลลัพธ์ ต้องเคลียร์แคชก่อนครับ