Giúp slide che menu trái trên layout left-mail modul shop

 Hỗ trợ sử dụng NukeViet

Em lại làm phiền mynukeviet lần nữa ạ. Chuyện là em đang dùng cái theme shopshare cho module shop. Nguyên thuỷ nó xài layout main nay em chuyển cqua left - main thì cái slide che mất cái menu-left khi sổ qua. Vậy nukeviet vui lòng giúp em chỉnh sao cho cái menu-left nó nằm bên trên cái slide với ạ . Em chân thành cảm ơn . link demo http://songnhien.com.vn

Đoạn code menu - left

ul#css3menu1,ul#css3menu1 ul {  z-index: 10000  margin:0;  list-style:none;  padding:0;}ul#css3menu1 ul {  display:none;  position:absolute;  left:100%;  top:0;  min-width:200px;  background:#fff;  border:1px solid #E7E7E7}ul#css3menu1 li:hover>* {  display:block;}ul#css3menu1 li {  position:relative;  display:block;  white-space:nowrap;  font-size:0;}ul#css3menu1 li:hover {  z-index:1;}ul#css3menu1 {  z-index:2;  position:relative;  display:block;  float:left;  padding:0;  width:100%;  color:#fff;  background:#ff3366;  border:1px solid #ddd ;  text-transform:uppercase;}ul#css3menu1 img{    position: absolute;    margin: 7px 0 4px 5px;    left: 0;}ul#css3menu1>li {    margin:0;    border-bottom:1px solid #E7E7E7;    padding:0 0 0 30px;}ul#css3menu1>li:last-child{    border-bottom:none;}ul#css3menu1 a:active,ul#css3menu1 a:focus {  outline-style:none;}ul#css3menu1 a {  display:block;  vertical-align:middle;  text-align:left;  text-decoration:none;  color:#f6f7f9 !important;  cursor:pointer;  padding:10px;    font-size:14px;}ul#css3menu1 ul li {  float:none;  padding:5px 0 5px 18px;  border-bottom:1px solid #E7E7E7;  background:#ff3366;}ul#css3menu1 ul li:before{    font: normal normal normal 6px/1 FontAwesome;    content:'111';    position: absolute;    top: 14px;    left:10px;    color:#5BBD2B;}ul#css3menu1 ul li :last-child{    border-bottom:none}ul#css3menu1 ul a {  text-align:left;  padding:4px;  border-width:0;  border-radius:0;  -moz-border-radius:0;  -webkit-border-radius:0;  color:#fff;  text-decoration:none;}ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed {    color:#f1f1f1 !important;    background:none;}ul#css3menu1 span {  display:block;  overflow:visible;  padding-right:0;}ul#css3menu1 > li.switch {  display:none;  cursor:pointer;  width:25px;  height:20px;  padding:10px;}ul#css3menu1 > li.switch:before {  content:"";  position:absolute;  display:block;  height:4px;  width:25px;  border-radius:4px;  background:#000000;}ul#css3menu1 > li.switch:hover:before {  background:#000000;}.c3m-switch-input {  display:none;}ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed {  color:#000000;  text-decoration:none;}ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed {  color:#0978b3;  text-decoration:none;}ul#css3menu1 li.topfirst>a {}ul#css3menu1 li.toplast>a {}@media screen and (max-width:768px) {  ul#css3menu1 > li {    position:initial;  }  ul#css3menu1 ul .submenu,  ul#css3menu1 li > ul {    left:0;    right:auto;    top:100%;  }  ul#css3menu1 .submenu,  ul#css3menu1 ul,  ul#css3menu1 .column {    -webkit-box-sizing:border-box;    -moz-box-sizing:border-box;    box-sizing:border-box;    padding-right:0;    width:100% !important;  }  ul#css3menu1 ul{      position:static;      margin-bottom:10px;      width:100%;  }}@media screen and (max-width:198px) {  ul#css3menu1 {    width:100%;  }  ul#css3menu1 > li {    display:none;    position:relative;    width:100% !important;  }  ul#css3menu1 > li.switch,  .c3m-switch-input:checked + ul#css3menu1 > li + li {    display:block;  }  ul#css3menu1 > li.switch > label {    position:absolute;    cursor:pointer;    top:0;    left:0;    right:0;    bottom:0;  }}

Cái này thường chỉnh thuộc tính z-index của cái slider và menu. Cho mình demo online minh mới thử chỉnh được.


Mình kiểm tra trên firefox và chrome thì thấy nó nằm trên slider ý, bạn xóa cache thử


Chân thành cảm ơn mynukevet .


Xóa cache xong được à bạn?

Bạn cần đăng nhập để tham gia thảo luận

Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.

Powered by NukeViet - a product of VINADES.,JSC