Nhờ hỗ trợ lỗi CLS issue: more than 0.25 (mobile)

Em bị báo lỗi CLS issue: more than 0.25 (mobile). Mà chưa tìm cách giải quyết được. Em nghĩ do nút tìm kiếm bị đẩy xuống khi Reponsive Mobile (ảnh chụp). Và lý do là nó không chạy lệnh này trong file style.css

Mã:

@media (max-width: 767px)
.td-search-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
}

Ảnh chụp nút tìm kiếm bị đẩy xuống hàng khi Reponsive

Pro nào biết cách fix chỉ giúp với ạ. Em xin cảm ơn ^^,

 

Không phải đâu bạn! Do cái quảng cáo của Google ở đầu trang nó đẩy xuống.



Cách fix:
- Đặt cố định thuộc tính css height cho nó trên 2 thiết bị desktop và mobile.
- Trang của bạn đang tải font từ Google Font, trong đường dẫn nên thêm thuộc tính display=swap. Hoặc tốt nhất lấy nguyên nội dung stylesheet đó và nhúng trực tiếp vào style tag .
- Ngoài ra, nên dùng style tag inline thay cho <link rel="stylesheet" />
- Cũng vậy, nên dùng script tag inline thay cho <script src="..." />