Sửa lỗi menu bị rớt trên chrome

menu bi rot -iDex

Chào bạn, website của bạn đang bị lỗi menu bị rớt dòng trên Chrome làm cho website không được ngay ngắn dễ nhìn nữa. Mình sẽ hướng dẫn cho bạn 1 cách fix lỗi menu bị rớt cực kỳ dễ dàng và nhanh chóng.


menu bi rot -iDex

Đây là lỗi do phiên bản cập nhật Chrome 3.9 tuy nhiên qua một thời gian dài mà vẫn chưa ra bản để phục hồi lỗi này, gây cho menu rất nhiều website bị rớt dòng, nhìn rối và lộn xộn website. Sau đây là cách sửa lỗi dành cho WordPress:

1. Chép đoạn mã sau css sau:

li.menu-item a{white-space: nowrap}

2. Truy cập vào phần quản trị -> Chọn Menu Apearence -> Editor

Ở đây bạn dán đoạn mã css vừa rồi vào cuối đoạn văn bản. Sau đó nhấn nút Update File và kiểm tra kết quả

fix loi menu bi loi chrome - iDex

3. Xem lại trang web của bạn đã hết lỗi chưa, nếu chưa hãy nhấn Shift + F5 để load lại trang, bạn sẽ thấy kết quả.

menu sau khi fix - iDex

Như vậy là với vài bước đơn giản chưa tới 1 phút bạn đã có thể làm website mình gọn gàng và rõ ràng hơn. Chúc bạn thành công!

Đặng Ngọc Bình

 

Xin thông báo đến bạn đọc Sách Thiết Kế Web Siêu Tốc đã không còn được phân phối do đã có phiên bản mới hơn thay thế.

Đó là bộ Giáo Trình Thiết Kế Web Siêu Tốc 2.0 với cập nhật mới nhất, bài bản và chi tiết dành các bạn đang cần thiết kế web cho riêng mình.

Xem thông tin bộ giáo trình mới Xem Bộ Giáo Trình Thiết Kế Web Siêu Tốc 2.0

Comments

  1. Mai Thị Kiều Dung

    Chào bạn!

    Tôi đang nghiên cứu trang web WordPress & mất rất nhiều thời gian tìm hiểu công cụ này, gần như nản lòng thì tình cờ đọc được nhưng bài chia sẽ trong web bạn như mở ra cánh cửa mới cho tôi, cảm thấy WordPress không còn nhiều khó khăn như trước nữa.

    Tôi đã chỉnh lại menu bị rớt dòng trên web mình rồi. Cám ơn bạn rất nhiều vì những chia sẽ quá hữu ích.

    http://thietkemythuat.org/

    1. Đặng Ngọc Bình

      Chào chị Dung,

      Thật hay vì bài viết của em đã giúp được chị giải quyết những vấn đề của mình, WordPress sẽ không khó nếu chị hiểu được cách vận hành phần mềm này, nó hoàn toàn dành cho những người sử dụng bình thường không có nhiều kiến thức IT.

      Chúc sức khỏe và thành công

      Đặng Ngọc Bình
      http://dangngocbinh.com

  2. Đỗ Hữu Nghĩa

    chào bạn!
    cha sẻ của bạn rất thực tế, những kiến thức này không khó
    đối với người rành kỹ thuật,nhưng sẽ là “cực khó” với người không rành
    chia sẻ của bạn giúp giài quyết rất nhiều vấn đề chỉ bằng
    một cái nhấp chuột.
    cảm ơn bạn đã chia sẻ.
    Đỗ Hữu Nghĩa
    moocoffee.com

  3. Trần Phong

    Chào bạn Nghĩa !
    Mình rất vui khi đọc được bài chia sẻ này của bạn. Trang web mình cũng đang gặp phải lỗi này, nhìn trang web không được đẹp mắt lắm nhưng mình không biết làm sao để chỉnh lại. Giờ thì không khó nữa rồi.
    Cảm ơn bạn vì đã chia sẻ bài viết hữu ích này nhé.
    Chúc bạn luôn thành công.
    Trần Phong
    tranphongteambuilding.com

  4. Thiện

    Chào Bình !

    Cám ơn những chia sẻ rất hay và hữu ích của bạn cho những ai đang làm quản trị website. Tôi đã may mắn khi nhận được những chia sẻ hữu ích của bạn về cách sử dụng WordPress. Giờ thì tôi đã tự tin hơn trong việc vận hành website của mình

    Mong nhận thêm những bài chia sẻ hữu ích của bạn.

    Chúc bạn luôn nhiều sức khoẻ và thành công !

    Trần Văn Thiện

    http://maytrothinhtainha.com/

  5. Trương Long Nhạt

    Chào bạn!

    cảm ơn bạn về bài chia sẻ rất hữu ích, mình cũng đang mắc phải nhiều khó khăn trong quá trình lập web sử dụng trên wordpress rất nhiều. có dịp mình sẽ tham gia lớp học của bạn để hoàn thành cho xong web của mình. mong bạn sớm có lớp tiếp theo. và rất vui khi bạn có nhiều bài chia sẻ hơn nữa. cảm ơn bạn. chào bạn!

    Trương Long Nhật

    http://www.ganuonglu.com

  6. Lê Việt Trường

    chào anh!mình cũng đang gặp vấn đề về webside của mình.

    bày viết rất hay, “website của bạn đang bị lỗi menu bị rớt dòng trên Chrome làm cho website không được ngay ngắn dễ nhìn nữa. Mình sẽ hướng dẫn cho bạn 1 cách fix lỗi menu bị rớt cực kỳ dễ dàng và nhanh chóng.”

    cám ơn sự chia sẽ thú vị của anh. chúc anh luôn thành công trong cuộc sống.

    LÊ VIỆT TRƯỜNG
    http://www.tebaogoclamdep.com
    http://www.facebook.com/prelifes

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *