Problema com Editor Css.

[GlaucioMarcos 0]

Boa noite prezados amigos.

 

Poderiam me dar um socorro? Possuo uma loja virtual na Tray, aquele sistema pago. E fiz uma série de modificações através do Editor Css e me virando da maneira que pude. Porém tem uma delas que está me dando dor de cabeça e não está funcionando de JEITO NENHUM.

 

O site: brechoauthentique.com.br

 

Desejo subir aquela barrinha de rodapé pro topo, pra usar como barra superior. Havia conseguido fazer isso com uma classe no editor css, mas não sei se porque inseri mais códigos depois e desencadeou algum erro, mas a barra sumiu. Por gentileza, alguma alma caridosa dê uma olhada no meu código inteiro presente no editor css e veja se há algo errado. Creio que vocês que conheça bastante de CSS só de bater o olho vão identificar o problema. Muito obrigado mesmo!

 

 
{
.mini-menu-rodape {
position: absolute;
margin-top: -3263px;
z-index: 9999;
}
.bg-busca {border:none !important;}
}
.menu-esquerdo-dinamico .nivel-2 {
  background: none;
  display: block;
  margin-top: 10px;
}
.icon-carrinho:before {
  content: url([url=http://i.imgur.com/Af5LvX4.png]http://i.imgur.com/Af5LvX4.png[/url]) !important;
}
.banner-js {
  clear: both;
  margin: 5px;
  padding-bottom: 0px;
  text-align: center;
  overflow: hidden;
}
.bg-busca form {
  background: url('../img/bg_form.png') repeat;
  -webkit-border-radius: 1px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid #000000;
  outline: 0px solid #000000;
  -moz-outline-radius: 3px;
  padding: 25px 130px;
}
.color-4 .border-tone-2 {
  border-color: #A5A5A5;
}
.color-4 .bg-tone-2 {
  background-color: #C9C9C9;
}
.color-4 .color-tone-2 {
  color: #676767;
}
.logotipo img {
  max-height: 6000px;
  max-width: 97%;
  display: inline-block;
  vertical-align: middle;
element.style {
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 220px;
}
.caixa-overflow {
  display: block;
  overflow: hidden;
}
element.style {
  border-right-width: 0px;
}
.bg-busca {
  border-right: 1px solid #000000;
  padding: 9px 12px 9px;
}
.icon-carrinho:before {
  content: url([url=http://i.imgur.com/k7FdoVf.png);]http://i.imgur.com/k7FdoVf.png);[/url]
}

Esse cara fez o que quero fazer com a barrinha, vejam se ajuda:

http://www.destaqueeventos.com.br/

 

Dei um inspect element na dele, mas parece que está completamente diferente do código que usei.

[André do Vale 76]

Retire a primeira chave do arquivo (antes de .mini-menu-rodape).

 

No CSS do seu site, a margem de topo do .mini-menu-rodape está 0px e não -3263px como você descreveu no tópico. http://images.tcdn.com.br/img/arquivos/419141/themed/css/theme-advanced.css?3db73c5b27af5c2635b0a9fe77f7dc01

 

Sugestão: suas páginas variam de altura, portanto colocar o menu voando do rodapé pro topo vai dar zica qualquer hora. Então, faça o menu aparecer na estrutura superior do site, e o posicione sem ser de forma absoluta, mas apenas com flutuação e/ou margens.