CSS menu tùy chỉnh cho theme flatsome

Đoạn CSS tùy chỉnh để tối ưu menu flatsome gốc trở nên đẹp hơn và tiện dụng hơn (cố định chiều ngang dropmenu, hover khi rê chuột, boder khung dropmenu)

đoạn css

/* CSS MENU */

.nav-dropdown>li.nav-dropdown-col{display:block}

.nav .nav-dropdown{border-color: #bfdafc;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{background:#db0000}

.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}

.nav-dropdown-default>li:hover{background:#fbae3c}

.nav-dropdown-default>li>a{border-bottom:0 !important}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{border-bottom-color: #bfdafc;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}