Tìm theo từ khóa

Cách tạo sticky sidebar bằng css cho wordpess



Tạo sticky sidebar giúp cho sidebar ghim vào vùng hiển thị mà hình sẽ giúp website đỡ trống trãi và các nội dung quan trong luôn bảo đảm đập vào mắt người dùng 🙂

Trong phạm vi bài viết này mình sẽ hướng dẫn các bạn css lại sidebar để giúp ghim nó lại nhé.

B1: bạn cần tìm ra class hoặc id của sidebar hoặc block nào đó trên sidebar mà bạn cần ghim nhé

Bạn có thể F12 trong Chrome để view id hoặc class cần fix, hay đơn giản hơn là cài plugin Widget CSS Classes và đặt tên class cho widget như hình dưới

 

B2: Css lại class cần sticky như sau:

ví dụ cần sticky class sidebar

Mình test thành công cho Flatsome nhé!

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x