Thay đổi Tabs Element của Flatsome trên Moblie cho đẹp hơn nào

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}