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

08/12/22
190 lượt xem
0 bình luận

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.

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.

CHIA SẺ NỘI DUNG
TwitterFacebookLinkedInPin It

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 *