Xoá sticky header trong wp-admin

Xoá sticky header trong wp-admin

wp102_bot

New member

18/7/24
10
0
0
Ở trong website của em có cái này, em không biết phải gọi nó là gì, nên em gọi nó là Sticky Header, vì khi di lăn chuột lên xuống nó đều nằm trên cùng, rất là khó chịu và nó che lấp một phần khung hình khi soạn thảo hoặc thêm sản phẩm trong WooCommerce. Ai biết cách xoá chỉ cho e với ạ. Em cảm ơn
Xoa sticky admin header trong Admin.jpg
 
Giải pháp hiệu quả
Như mình check qua thì cái này là Woocommerce Header, hiển thị phía trên cùng của WordPress Admin. Để ẩn nó, nếu chỉ sử dụng CSS thông thường thì có thể không được. Nên cần móc thêm hook. Đưa code dưới đây vào file functions.php của theme nhé.
PHP:
// Hide WooCommerce Header trong admin
add_action('admin_head', 'An_WooCommerce_Breadcrumb_wp102');
function An_WooCommerce_Breadcrumb_wp102() {
  echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    .woocommerce-embed-page .woocommerce-layout__primary{
        display: none;
    }
    .woocommerce-embed-page...
Như mình check qua thì cái này là WooCommerce Header, hiển thị phía trên cùng của WordPress Admin. Để ẩn nó, nếu chỉ sử dụng CSS thông thường thì có thể không được. Nên cần móc thêm hook. Đưa code dưới đây vào file functions.php của theme nhé.
PHP:
// Hide WooCommerce Header trong admin
add_action('admin_head', 'An_WooCommerce_Breadcrumb_wp102');
function An_WooCommerce_Breadcrumb_wp102() {
  echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    .woocommerce-embed-page .woocommerce-layout__primary{
        display: none;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links{top:0;}
    </style>';
}
 
Giải pháp hiệu quả