Tùy chỉnh CSS Tabs element Flatsome trở nên đẹp hơn. Đặc biệt là có thể biến hóa thêm trượt vào tabs elements trên giao diện mobile.
Trên Flatsome là một chức năng trong UX Builder (của riêng Theme Flatsome) giúp các bạn có thể tạo được các tab (các nút tạo chuyển hướng trên 1 trang) cho trang Web.
CÓ THỂ BẠN QUAN TÂM
Bước này, bạn cần phải tạo tab trên trang mình muốn và các bạn chèn code css vào website sử dụng Theme Flatsome giúp cho Tabs Element trở nên đẹp hơn, dễ tùy biến và điều hướng hơn cho những khách hàng khi truy cập vào trang website của mình nó thuận tiện hơn.
.tabbed-content .tab{flex-shrink: 0!important; overflow-y: hidden!important;-webkit-overflow-scrolling: touch!important;}
.tabbed-content .nav{display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
flex-direction: unset;
-webkit-flex-flow: unset;
flex-flow: unset;
-webkit-justify-content: unset;
justify-content: unset;
-webkit-align-items: unset;
align-items: unset;}
::-webkit-scrollbar{height:3px;-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar-thumb{border:4px solid #ba6900}
Sau khi chèn CSS vào thì mình được thành quả như sau
Nếu các bạn thấy bài viết này hay, hãy chia sẻ bài viết này để nhiều người cùng biết, và theo dõi mình nha.