Jump to content
Fórum Script Brasil
  • 0

Top Menu Magento Bagunçado


AidanWBruno
 Share

Question

 

Fala pessoa, já procurei em diversos fóruns de magento e programação, e nada será que alguém me da uma luz ?

Bom como na imagem abaixo o menu fica todo bagunçado, e não consigo arruma-lo '--, segue a imagem, código,  e css.

Qualquer idéia seria ótimo xD.


 

SemTitulo-2b7891.png


Bom, tentei achar algo no Admin mais até então nada, se não me falha os crânios este é o código do Menu


<?php
/**
 * Top menu for store
 *
 * @see Mage_Page_Block_Html_Topmenu
 */
?>
<?php $_menu = $this->getHtml('level-top') ?>
<?php if($_menu): ?>
<div class="nav-container">
<div class="container">
<div class="row">
            <div class="col-xs-12">
                <ul id="nav" class="sf-menu">
                    <?php echo $_menu ?>
                </ul>
                <div class="sf-menu-block">
                    <div id="menu-icon"><?php echo $this->__('Categories') ?></div>
                    <ul class="sf-menu-phone">
                        <?php echo $_menu ?>
                    </ul>
                </div>
            </div>
        </div>
<div class="clear"></div>
</div>
</div>
<?php endif ?>
 


E este é o css


/*
* Name Extension: Cmsmart megamenu
* Author: The Cmsmart Development Team
* Date Created: 06/09/2013
* Websites: http://cmsmart.net
* Technical Support: Forum - http://cmsmart.net/support
* GNU General Public License v3 (http://opensource.org/licenses/GPL-3.0)
* Copyright © 2011-2013 Cmsmart.net. All Rights Reserved.
*/
 
.nav-container,
.nav-container-mobile {  
  position: relative;  
  z-index: 4;
  width: 100%;
  background: #fff;
  border-bottom: 7px solid #d4d4d4;
}
.nav-container:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  height: 50px;
  background: url(../../../images/menu-bg.png) no-repeat center top;
  background-size: cover;
}
.nav-container-mobile {display: none;}
 
.nav {    
    margin: 0 auto;
}
.nav .grid-full {
    position: relative;
    z-index: 9;
    width: 100%;
    padding: 0px;
}
.nav .grid-full > li {background: url(../../../images/line-menu.gif) no-repeat left center;}
.nav .grid-full > li.parent {padding-right: 10px;}
.nav .grid-full > li:first-child {background: none;}
.nav .grid-full ul li a {
    display: inline-block;
    float: none;
}
.grid-full .grid-full-home-link {}
.grid-full .grid-full-home-link span {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.grid-full li {
    float: left;
}
.grid-full li a .thumbnail{
    background:none;
    border: 0;
    border-radius: 0;
    display: block;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
.grid-full > li > a {
  display: block;
  color: #000;
  text-decoration: none;
  position: relative;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
}
 
.nav .grid-full > li.parent > a > span:after {
  content: "\f107";
  display: inline-block;
  font-size:15px;
  color: #872174;
  border-radius: 20px;
  line-height: 20px;
  vertical-align: middle;
  position: absolute;
  right: 0px;
  top: 40%;
}
.grid-full > li > a .thumbnail {display: none;}
.grid-full > li > a:before,
.grid-full > li > a:after {
  content: "";
  position: absolute;
}
.grid-full > li > a:before {
  bottom: -7px;
  width: 100%;
  height: 0px;
  background: url(../../../images/marker-menu.png) no-repeat center top;
}
/*
.grid-full > li > a:after {
  background: #872174;
  width: 0;
  left: 50%;
  height: 4px;
  bottom: auto;
  top: -4px;
}*/
 
.grid-full li a span {  display: block;}
.grid-full > li > a > span {
  padding: 24px 15px;
  cursor: pointer;
  white-space: normal;
  position: relative;
  z-index: 2;
}
/* .grid-full > li > a > em {
    position: absolute;
    top: 21px;
    left: 15px;
    font-style: normal;
    display: inline-block;
    z-index: 3;
    transform: scale(2,2);
    -o-transform: scale(2,2);
    -moz-transform: scale(2,2);
    -webkit-transform: scale(2,2);
    opacity: 0;
}*/
 
 
.grid-full > li > .level-top {
    left:0;
    top: 79px;
    margin: 0 auto;
    right: 0;
    width: 100%;
    position: absolute;
    z-index: -99999;
    border: none;
    background:#303c4b;
    box-shadow: 0 5px 21px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 5px 21px rgba(0,0,0,0.09);
    -webkit-box-shadow:0 5px 21px rgba(0,0,0,0.09);
    display: none;
}
.grid-full > li > .level-top .level.column5 {
  background:url(../../../images/bkg-sub.png) no-repeat left bottom #fff;
}
/*.grid-full li.over > .level-top.shown-sub {
    left: 0px;
    z-index: 99999;
 
}*/
.grid-full  li.parent:hover > .level-top {
  left: 0px;
  z-index: 99999;
}
 
.grid-full ul ul {
    position: static !important;
    width: 100%;
}
.nav .grid-full ul.level2{
    margin: 0px;
}
.nav li > ul.shown-sub,
.nav li > div.shown-sub{
    left: 0px;
}
.grid-full ul span,
.grid-full ul li.last li span{
    padding:0px;
}
 
.grid-full div.level-top ul.level{
    padding: 0;
    float: left;
    top: 0px;
    width: 100% !important;
}
.grid-full .parent div.level-top > ul.level .level > .catagory_children {
    padding: 30px;
    width: 100% !important;
}
 
.grid-full div.level-top ul.level ul.level{
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0;
    height:  auto;
}
.grid-full ul ul, .grid-full ul div {
    position: relative;
    top: 0;
}
.grid-full .level1 .catagory-level1 {
    font-size: 17px;
    color: #872174;
    margin-bottom: 12px;
    font-weight: normal;
}
.grid-full .level1 .catagory-level1:hover,
.grid-full .level1.active .catagory-level1 {
    color: #fff;
}
.grid-full .level1.menu-product{
    padding-top: 10px;
}
.grid-full ul .level1.menu-product img {
    float: left;
    width: 90px;
    padding: 10px;
    height: auto;
    margin-right: 10px;
    box-shadow: 0 1px 5px hsla(0, 0%, 0%, 0.3);
}
.grid-full ul .level1.menu-product .levelproduct{
    float: left;
}
.grid-full ul .level1.menu-product .levelproduct.fast{
    margin-left: 0px;
}
.grid-full ul .level1.menu-product .availability{
    ;
    margin-top: 10px;
}
.grid-full ul.menu-product li.level2 a{
    display: block;
     float: left;
}
.grid-full ul.menu-product li.level2 a .product-name{
    line-height: 15px;
    color: hsl(0, 0%, 0%);
    text-shadow: 0 0 0 hsl(0, 86%, 58%);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0px !important;
}
.grid-full ul.menu-product li.level2 div.rating-box{
    float: left;
    left: -141px;
    margin-right: 88px;
    margin-top: 5px;
    position: static;
    width: 55px;
}
.nav-container .grid-full > li > a {}
.grid-full .level a span{}
 
.grid-full .grid-full-home-link:hover a,
.ps-static .grid-full .level.over > a,
.grid-full .level.active > a {
    color: #872174;
}
.grid-full .level.over a:before,
.grid-full .level.active a:before,
.grid-full .level.over a:after,
.grid-full .level.active a:after {
    width: 100%;
    left: 0;
}
.ps-static .grid-full .level.over a:before,
.grid-full .level.active a:before {
   height: 12px;
}
 
.grid-full .level.over > a span,
.grid-full .level.over > a:hover span,
.grid-full .level.active > a span {
 
 
}
.grid-full .level.over > a em,
.grid-full .level.active > a em {
 
}
 
.grid-full .grid-full-home-link:hover .level-top a,
.grid-full .level.over .level-top a,  
.grid-full .level.active .level-top a{
    background: none;
    overflow: visible;
}
 
.grid-full .level.over .menu-product a,
.grid-full .level.over .catagory_children span,  
.grid-full .level.over p a span,
.grid-full .level.over p a {
    background: none;
}
 
.nav .grid-full > li > a > span,
.grid-full .level.over .catagory_children a span,
.grid-full .level.over .catagory_children a,
.grid-full ul .level1.menu-product button a span {
    background: none;
}
.grid-full > li > a > span.spanchildren,
.grid-full > li.over > a > span.spanchildren,
.nav .grid-full > li.nav-3 > a > span.spanchildren {
 /*   float: right;
    height: 10px;
    margin-right: 15px;
    margin-top: -27px;
    padding: 0 !important;
    width: 10px;
    background: url("../../../images/cmsmart/megamenu/arrow_switch.png") no-repeat scroll right center transparent; */
    display: none;
}
.grid-full ul .level1.menu-product .price-box{
    float: left;
    margin: 10px 0;
}    
.grid-full ul .level1.menu-product .price-box .old-price .price{
    padding: 0px;
    margin-right: 10px;
}
.grid-full ul .level1.menu-product .price-box .special-price .price{
    margin-top: -1px;
    float: left;
}
.grid-full .catagory_children {}
.grid-full .catagory_children:after {
  content: "";
  display: table;
  clear: both;
}
.grid-full .catagory_children .level1{
margin-right: 2%;
  float: left;    
  background: none;
}
.grid-full .column1 .catagory_children .level1 {width: 100% !important; margin: 0;}
.grid-full .catagory_children .level1 span{
 padding: 0px !important;
    text-transform: capitalize;
    text-shadow: none;
    position: relative;
}
.grid-full .static-block-right{
float: right;
}
.grid-full .catagory_children .level1 .level-top{
width: 100%;
background: none;
box-shadow: none;
padding: 0px;
    left: 0px;
    position: static !important;
}
.grid-full .catagory_children .level-top .level1{
margin: 0px;
   
}
.grid-full .catagory_children .level-top .static-block {
    margin-top: 5px;
}
.grid-full .catagory_children .catagory_children li.level2 {
    width: 100%;
    margin:0 0 12px;
    position: relative;
}
 
.grid-full .catagory_children .catagory_children li a span,
.nav .grid-full li.first ul li.nav-1-1 .catagory_children span {
    text-transform: none !important;
    text-shadow: none;
    float: left;
}
.grid-full .level1 .level2 img{
   margin-right: 5px;
}
.grid-full .menu-product1 a{
    float: left;   
}
.grid-full .menu-product1 .level2 span {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    text-transform: none !important;
}
 
.grid-full .menu-product1 a span.product-name{
    color: #333;
    margin-top: 5px;
}
.grid-full ul li .price-box{
    margin-left: 29px;
    margin-top: -13px;
    position: static;
    top: -20px;
    width: 140px;
}
.grid-full ul li .price-box p{
    float: left;
    font-size: 12px;
}
.grid-full ul li.levelproduct .price-box .special-price span {
    float: left;
    margin-left: 5px;
    font-size: 12px;
}
.grid-full .catagory_children .level-top .level1.menu-product1{
    float: left;
    width: 100%;
}
.grid-full .catagory_children .catagory_children li.level2.last{
    margin-bottom: 0px;
    border-bottom: 0px solid red;
}
.grid-full .catagory_children .catagory_children li.level2.no-level-thumbnail{}
.grid-full .catagory_children .catagory_children li.level2.no-level-thumbnail .thumbnail,
.grid-full .catagory_children .catagory_children li.level4.no-level-thumbnail .thumbnail{
    /* background: url("../../../images/cmsmart/megamenu/no-thumbnail.png") no-repeat scroll 5px center transparent;
    float: left;
    height: 28px;
    width: 15px; */
    display: none;
}
 
.grid-full .level1 .catagory_children{
    position: static;
    width: 100%;
}
.grid-full .level-top .level2.column2{
    background: #ffffff;
    float: left;
    margin-left: 135px;
    margin-top:0px;
    position: absolute !important;
    z-index: 9999999;
    width: 756px;
    border: 1px solid #dce1e6;
    display: none;
    left: 0;
}
 
.grid-full .level-top ul, .grid-full .level-top div{
    left: 0px;
}
.grid-full .level-top .catagory_children .level2.column1{
    background: #ffffff;
    float: left;
    margin: 0;
    position: absolute !important;
    z-index: 9999999;
}
.grid-full .level-top .catagory_children .level2.column1 .catagory_children{
}
.grid-full .level-top .catagory_children .level2 .catagory_children{
}
.grid-full .catagory_children li.level3 .level4{
    left: 0px;
    margin-left: 0px;
}
.grid-full .level-top .level3 .catagory_children{
    margin-left: 0;
    margin-top: 0;
    position: relative !important;
}
.grid-full .catagory_children .level3 .level-top .level3{
    position: relative !important;
}
.grid-full .catagory_children .catagory_children li.level2:hover > a,
.grid-full .catagory_children .catagory_children li.level2.active > a {
    color: #fff;
    background: #872174;
    position: relative;
    text-decoration: none !important;
    width: 100%;
    z-index: 999999999;
}
.grid-full .catagory_children .catagory_children li.level2 a{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    display: block;
    line-height: 20px;
    margin: 0 0 0 -10px;
    padding: 4px 5px 4px 10px;
    position: relative;
    width: 100%;
}
.grid-full .catagory_children .catagory_children li.level2 a:after {
    content: "";
    display: table;
    clear: both;
}
.grid-full .catagory_children .catagory_children li.level2.parent:hover a{
 
}
.grid-full .catagory_children .catagory_children li.level2.parent:hover li a{
     box-shadow: none;
     width: auto;
}
 
.grid-full .catagory_children li.level3{
    float: left;
    width: 100%;
}
.grid-full .level2 .catagory_children.column1 {
    background: #333232;
     box-shadow: 0 0 21px rgba(0,0,0,0.18);
    -moz-box-shadow: 0 0 21px rgba(0,0,0,0.18);
    -webkit-box-shadow:0 0 21px rgba(0,0,0,0.18);
    padding: 20px;
    display: none;
    margin-top: -20px;
}
.grid-full .level2:hover .catagory_children.column1 {
    display: block;
}
.grid-full .level2 .catagory_children.column1
.grid-full .catagory_children.column1 li.level3 a{
     margin: 0;
}
.grid-full .catagory_children li.level3.level-top{
    float: left;
}
.grid-full .catagory_children.column1 li.level3 a:hover,
.grid-full .catagory_children.column1 li.level3.active a {
    background: #872174;
    color: #fff;
}
.grid-full .level2 .static-block-left{
    float: left;
}
.grid-full .level2 .catagory_children.column2{
    float: left;
    width: 320px;
}
.grid-full .level2 .catagory_children.column2.catagory_children{
    border: none;
    margin-top: 20px;
}
.grid-full .level2 .catagory_children.column2 ul.level3 .catagory_children{
    margin-top: -20px;   
    border: none;
 }
.grid-full .level2 .catagory_children.column2 .level3{
    float: left;
    margin-right: 10px;
    border: none;
    margin: 0;
}
.grid-full .level-top .level2 .level4 .menu-content{
    display:  none;
}
.grid-full .level2 .catagory_children .level3 { margin-bottom: 10px;}
.grid-full .level2 .catagory_children .level3:last-child {margin-bottom: 0;}
.grid-full .level2 .catagory_children .level3 a,
.grid-full .catagory_children .catagory_children li.level2:hover .level3 a{
}
.grid-full .catagory_children .catagory_children li.level2 .level4 a,
.grid-full .catagory_children .catagory_children li.level2:hover .level4 a{
    border: none;
    margin: 0px;
    padding: 0px;
}
.grid-full .level2 .catagory_children .level3 .catagory_children {
    float: left;
    width: 100%;
}
.grid-full .catagory_children .catagory_children li.level4.no-level-thumbnail{
    height: 30px;
    margin: 0;
    width: 100%;
    border-bottom: 1px dotted #dce1e6;
 
}
.grid-full .level .catagory_children .level2 .catagory_children li.level3 a span,
.nav .grid-full .level .catagory_children .level2 li.first ul li.level3.nav-1-1 .catagory_children span {
   
}
.grid-full .level .catagory_children .level2 .catagory_children li.level4 a span,
.nav .grid-full .level .catagory_children .level2 li.first ul li.level4.nav-1-1 .catagory_children span {
     text-transform: none !important;
}
.grid-full .level2:hover .level-top .level2.column2,
.grid-full .level2:hover .level-top .level2.column1,
.grid-full .level2.active .level-top .level2.column1 {
    display: block;
    left: auto;
    right: -100%;
}
.grid-full .old-price .price{
    color: #999;
}
.grid-full .catagory_children .catagory_children li.level2:hover .level3 a{
    border: none;
}
.grid-full .catagory_children .catagory_children.leftchildren{
    border-bottom: 0 none;
    float: left;
    margin: 0;
}
.grid-full .static-block p{
    line-height: 23px;
}
.grid-full .catagory_children .level-top .static-block p a span{
    text-transform: none !important;
}
 
.grid-full .btn-carthover2 span span{
    color: hsl(0, 100%, 73%);
    height: 25px;
    margin-left: 20px;
    padding: 0 !important;
}
.grid-full ul.add-to-links li{
    width: 85px;
    float: left;
}
.grid-full .level a.link-wishlist,
.grid-full .level:hover a.link-wishlist,
.grid-full a.link-wishlist,
.grid-full .level-top:hover a.link-wishlist  {
  background: url(../../../images/cmsmart/megamenu/wl_1.png) no-repeat scroll 0 1px;
  display: block;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  height: 35px;
  overflow: hidden;
  margin: 0px;
  padding-left: 20px;
  line-height: 18px;
}
.grid-full .add-to-links li:hover a.link-wishlist:hover{
    background: url(../../../images/cmsmart/megamenu/wl.png) no-repeat scroll 0 1px;
}
.grid-full .level a.link-compare,
.grid-full .level:hover a.link-compare,
.grid-full a.link-compare,  
.grid-full .level-top:hover  a.link-compare {
  display: block;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  height: 35px;
  overflow: hidden;
  background: url(../../../images/cmsmart/megamenu/cp_1.png) no-repeat scroll 0 1px;
  margin-top: 0px;
  padding-left: 20px;
  line-height: 35px;
}
.grid-full .add-to-links li:hover a.link-compare:hover{
    background: url(../../../images/cmsmart/megamenu/cp.png) no-repeat scroll 0 1px;
    }
.grid-full .level-top:hover button span ,.grid-full .level-top:hover .add-to-links span{
    background: none;
}
 
.grid-full ul.add-to-links{
    float: left;
    position: inherit !important;
    width: 100%;
    margin-top: -10px;
}
.grid-full .level1.menu-product-one .level2 img{
    margin-top: 5px;
    width: 100%;
}
.grid-full .level1.menu-product-one .price-box {
    float: left;
    text-align: center;
    width: 100%;
}
.grid-full .level1.menu-product-one .price-box p.old-price{
    margin-left: 25px;
    margin-right: 30px;
    margin-top: 4px;
}
.grid-full .level1.menu-product-one .price-box p.special-price{
     margin-top: 2px;
    }
.grid-full .level1.menu-product-one .price-box p span{
    font-size: 14px;
}
.grid-full .level1.menu-product-one div.rating-box
{
    position: static !important;
    top: 50px;
    width: 55px;
}
.grid-full .level1.menu-product-one li a{
    float: left;
    text-align: center;
    width: 100%;
}
.grid-full > .grid-full-home-link a span {
    background: none repeat scroll 0 0 transparent;
}
.grid-full .level1.menu-product-one ul.add-to-links{
    margin-top: 5px;
    border-top: 1px solid #dedede;
    padding-top: 5px;
}
.grid-full .level1.menu-product-one ul.add-to-links li
{
    width: 45%;
    float: left;    
    white-space: normal;
}
.grid-full .level1.menu-product-one ul.add-to-links span
{
    float: left;
}
.grid-full .level1.menu-product-one ul.add-to-links li a{
    height: auto;
    line-height: 20px;
    text-align: left;
    white-space: normal;
    width: auto;
}
.grid-full .catagory_children .catagory_children li:hover a span{
 
}
.grid-full .catagory_children .catagory_children li:hover .catagory_children a span{
    text-decoration: none;
}
.grid-full .catagory_children .catagory_children li:hover .catagory_children .catagory_children li:hover a span,
.grid-full .catagory_children .catagory_children li.active a span,
.grid-full .catagory_children .catagory_children  .catagory_children li.level4.active a span {
     
}
.grid-full .level2 .catagory_children.column2 .level3 div{
    float: left;
}
.grid-full .pin-bottom:before {
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    top: 22px;
    transition: border-color 180ms ease-in-out 0s;
    width: 0;
}
.fixed .grid-full .level span.cat-label {top: 2px;}
.grid-full .level span.cat-label {
    background: #872174;
    border: medium none;
    color: #FFF;
    float: left;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    padding: 5px !important;
    position: absolute;
    top: -5px;
}
.grid-full .level1 span.cat-label {
    background: red;
    color: #FFF;
    float: none;
    font-weight: normal !important;
    line-height: 12px !important;
    padding: 5px !important;
    position: absolute;
    right: -7px;
    text-transform: lowercase !important;
    top: -25px;
}
.grid-full .level1 .pin-bottom:before{
    top: 22px;
}
 
.grid-full .level:hover .level1 span.cat-label {
    background: red;
    color: #000;
    
}
.grid-full .level:hover span.cat-label,
.grid-full .level:hover .level1:hover span.cat-label,
.grid-full .catagory_children .level1:hover .catagory_children .level2:hover span.cat-label {
    background: #333;
    color: #fff;
    text-shadow: 0px 0px #FFF;
}
   
.grid-full li.level > a > span > .cat-label.pin-bottom:before,
.grid-full li.level1 > a > span > .cat-label.pin-bottom:before,
.grid-full li.level.over li.level2 > a > span > .cat-label.pin-bottom:before,
.grid-full .catagory_children .level1 .catagory_children  .level2 .pin-bottom:before {
    border-top-color: #872174;
    }
.grid-full li.level.over > a > span > .cat-label.pin-bottom:before,
.grid-full li.level1.over > a > span > .cat-label.pin-bottom:before,
.grid-full li.level.over li.level1.over li.level2.over .cat-label.pin-bottom:before,
.grid-full .level:hover .level1:hover .pin-bottom:before,
.grid-full .catagory_children .level1:hover .catagory_children .level2:hover .pin-bottom:before {
    border-top-color: #333;
}
.grid-full .level:hover .level1:hover .level2 span.cat-label{
    background: red;
}
 
.grid-full .catagory_children .level1 .catagory_children  .level2 span.cat-label{
    line-height: 15px;
    right: -10px;
    top: -15px;
}
.grid-full .catagory_children .level1 .catagory_children  .level2 .pin-bottom:before{
    left: 15px;
    top: 22px;
}
.grid-full ul li, .grid-full ul li.active,.grid-full ul li.last{
    background: none;
}
.grid-full .menu-product1 li{
    float: left;
    width: 100%;
}
.grid-full .old-price .price-label,.grid-full .special-price .price-label {
    display: none;
}
.grid-full .special-price{
    padding: 0px;
}
.grid-full ul.level div{
     position: static;
}
 
.grid-full .btn-carthover2 span span {
    color: hsl(0, 100%, 73%);
    height: 14px;
    padding: 0 !important;
}
.grid-full .btn-carthover2 {
    background: url("../../../images/cmsmart/megamenu/icon_cart_hover.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    margin-top: 0px;
}
.grid-full .menu-product ul.add-to-links{
    display: block;
    ;
    margin-top: 10px;
    position: relative !important;
    width: 185px;
}
.grid-full .menu-product ul.add-to-links .separator{
    float: left;
}
.grid-full .menu-product a.link-compare,
.grid-full .menu-product a.link-compare,
.grid-full .level-top:hover .menu-product  a.link-compare {
 
  line-height: 20px;
}
.nav .grid-full ul.menu-product1 li .price-box{
     margin-left: 28px;
}
.nav .grid-full li.first ul li.nav-1-1 span{
     line-height: inherit;
}
.nav .grid-full ul.menu-product1.menu-product-one .price-box{
    margin-left: 0;
    margin-top: 5px;
    text-align: center;
}
.nav .grid-full ul ul.menu-product1 li{
    line-height: 20px;
    margin-bottom:  25px;
}
.grid-full .add-to-links .separator {
    display: block;
    float: left;
}
.nav .grid-full li.first ul li.nav-1-1 .levelproducttow span,
.nav .grid-full li.first ul li.nav-1-1 .menu-product1 span
{
    line-height: normal;
}
.grid-full .level .menu-product-one a.link-compare{
    margin-left: 25px;
}
.grid-full .catagory_children .catagory_children li.level4.last.no-level-thumbnail{
    border:  none;
}
.nav li.level.nav-home-link .level-top{
box-shadow: none;
}
 
.menu-banner {padding: 0 30px 30px 10px; clear: both; }
.menu-banner:after {
    content: "";
    clear: both;
    display: table;
}
.menu-banner span {display: inline-block; width: 33.33333%; float: left; padding-left: 20px !important;}
.menu-banner span a {display: block;}
.menu-banner span a:hover {opacity: 0.8;}
.menu-banner span img {width: 100%;}
 
.menu-box-right {}
.menu-box-title {font-size: 16px; line-height: 20px; margin-bottom: 20px;}
 
.menu-content-1 {padding:25px;  float: left;  }
.menu-content-1:after {
  content: "";
  display: table;
  clear: both;
}
.menu-content-1 a {display: block !important;}
.menu-content-1 a:hover {opacity: 0.8;}
.menu-content-1  img {max-width: 100%;}
.col-left-1 {float: left; width: 50%; margin-right:1%; color: #fff;}
.col-left-1 .title-menu {
  font-size: 27px;
  line-height: 27px;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.col-left-1 p {
  margin-bottom: 20px;
}
.menu-content-1 .f-left {width: 49%;}
#mw-mega-menu-dropdown_4 .mw-center,
#mw-mega-menu-dropdown_3 .mw-center {display: none;}
#mw-mega-menu-dropdown_3 li .sub-container,
#mw-mega-menu-dropdown_4 li .sub-container {background: #fff;}
.menu-content-2 { margin: 0 -15px 0 -15px; padding:25px; float: left;}
.menu-content-2:after {
  content: "";
  display: table;
  clear: both;
}
.menu-content-2 .col_1 {float: left; width: 25%; padding: 0 15px; line-height: 21px; color: #fff;}
.menu-content-2 .col_1 .title-menu {
  font-size: 21px;
  line-height: 22px;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.menu-content-2 .col_1 .title-menu a {
   color: #fff;
}
.menu-content-2 .col_1 .title-menu a:hover {
  color: #872174;
}
.menu-content-2 a.link-img {
  margin-bottom: 20px;
  display: block !important;
  position: relative;
}
.menu-content-2 .link-img img {max-width: 100%;}
.menu-content-2 .link-img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  opacity: 0;
  border: 10px solid #000;
}
.menu-content-2 .link-img:hover:before {
  opacity: 0.26;
}
.grid-full > li > a:before,
.grid-full > li > a:after,
.grid-full > li > a > span,
.grid-full > li > a > em,
.grid-full .level > a em,
.grid-full .level > a em,
.grid-full a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
 
}
 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav,
    .catagory_children {width: auto !important;}
    .grid-full > li > a {font-size: 14px;}
 
    .col-left-1 .title-menu {font-size: 18px; line-height: 20px; margin-bottom: 5px;}
    .col-left-1 p {margin-bottom: 15px;}
}
 
@media only screen and (max-width: 991px) {
   .nav-container {display: none;}
   .nav-container-mobile {
    display: block;
    ;
     margin-right: -16px;
     padding-left: 16px;
     padding-right: 16px;
     width: auto;
     border-bottom: 6px solid #000;
   }
}


Alguém pode me dar uma luz  ?

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      149.9k
    • Total Posts
      646.8k
×
×
  • Create New...