Đoạn code fix lỗi menu 3 cấp của Flatsome
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
.nav-dropdown>li.nav-dropdown-col { display:block } .nav-dropdown { border:1px solid #ddd; padding:0 } .nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a { font-weight:normal !important; text-transform:none !important; font-size:15px; font-weight:500 } .nav-dropdown .nav-dropdown-col>ul li:hover { /** chinh mau o day **/ background:#db0000 } .nav-dropdown-default>li:hover>a,.nav-dropdown .nav-dropdown-col>ul li:hover>a { color:white } .nav-dropdown-default>li:hover { /** chinh mau o day **/ background:#fbae3c } .nav-dropdown-default>li>a { border-bottom:0 !important } .nav-dropdown-has-arrow li.has-dropdown:before { border-width:10px; margin-left:-10px; } .nav-dropdown .nav-dropdown-col>ul { border:1px solid #d2d2d2; margin-top:-40px; box-shadow:2px 2px 5px #828282; display:none; position:absolute; left:100%; z-index:9; background:white; min-width:240px; } .nav-dropdown>li.nav-dropdown-col { width:100%; border-right:0 } .nav-dropdown .nav-dropdown-col>ul li a { padding:10px; text-transform:none; color:black } .header-nav li.nav-dropdown-col:hover>ul { display: block !important } |
Các bạn muốn chỉnh màu thì thay đổi màu trong đoạn ghi chú trong css
Nguồn tham khảo :https://giuseart.com/
