Vì không thấy có phần tin nhắn riêng cho ban quản trị nên nhà cháu đăng bài góp ý ở đây.

Hiện trạng: khi mở, chuyển một trang chủ đề của diễn đàn ta trên một số điện thoại thì chiều rộng trang mặc định rộng hơn chiều rộng điện thoại dẫn đến người dùng phải thu nhỏ hiển thị trang mỗi lần chuyển trang.

Nhà cháu có nhờ kỹ thuật viên kiểm tra giao diện thì vấn đề do tệp CSS sau:

https://otonet.fun/wp-content/themes/covernews-pro/style.css

Dòng nội dung gây ra hiện tượng là:

@media only screen and (max-width:768px) and (min-width:426px) {
  .section-block-upper>.row,
  .container>.row {
    margin:0
  }
...
.row {
  margin-left:-10px;
  margin-right:-10px;
}

Với các điện thoại có chiều rộng từ 426px đến 768px không bị vấn đề này do lề margin đã được đặt bằng 0. Những điện thoại có chiều rộng nhỏ hơn 426px sẽ có lề margin trái phải -10px dẫn đến chiều rộng trang rộng hơn điện thoại 20px.

Đề nghị cách sửa: giảm chiều rộng tối thiểu hiển thị nội dung cho điện thoại từ 426px xuống 326px nghĩa là thay:

@media only screen and (max-width:768px) and (min-width:426px) {

bằng:

@media only screen and (max-width:768px) and (min-width:326px) {

Cụ thể với tệp https://otonet.fun/wp-content/themes/covernews-pro/style.css, thay đoạn sau:

@media only screen and (max-width:768px) and (min-width:426px){.covernews_single_col_categorised_posts .widget-block{margin:0 -10px}.latest-posts-grid,.covernews_single_col_categorised_posts .base-border{width:50%;float:left;padding:0 10px}.widget .second-wiz,#secondary .widget .second-wiz{width:50%;float:left}#secondary .covernews_single_col_categorised_posts .single-column-posts{margin-bottom:10px}.list .spotlight-post .data-bg-categorised,.full-plus-list .spotlight-post .data-bg-categorised{height:150px}.insta-item{width:33.33%;float:left}.article-tabbed-list .align-items-center{flex-wrap:nowrap}.section-block-upper>.row,.container>.row{margin:0}

bằng:

@media only screen and (max-width:768px) and (min-width:326px){.covernews_single_col_categorised_posts .widget-block{margin:0 -10px}.latest-posts-grid,.covernews_single_col_categorised_posts .base-border{width:50%;float:left;padding:0 10px}.widget .second-wiz,#secondary .widget .second-wiz{width:50%;float:left}#secondary .covernews_single_col_categorised_posts .single-column-posts{margin-bottom:10px}.list .spotlight-post .data-bg-categorised,.full-plus-list .spotlight-post .data-bg-categorised{height:150px}.insta-item{width:33.33%;float:left}.article-tabbed-list .align-items-center{flex-wrap:nowrap}.section-block-upper>.row,.container>.row{margin:0}

Trân trọng,