Menu Sobrepondo o Logo

[lukinhaslk 0]

Olá Pessoal !

 

Sou iniciante em Css, estou com um problema meu menu esta sobrepondo o logo .

Eu queria que o logo movimentasse junto com o navegador como os outros objetos.

 

Parece que o logo esta colado no Background.

Link do site: http://2ac09.iluria.com/

#shop-logo {
    position:absolute;
    top: 50px;
    left: 200px;
    margin-bottom:;
    width: 0%;
    max-width: 100%;
    margin-top: $iluria.layout.logo.margin.top;
    margin-bottom: $iluria.layout.logo.margin.bottom;
    
}
#shop-logo a {
    display: table;
    text-decoration: none;
    margin: 0 auto;
}
#shop-logo img {
    max-width: 200px;
    

[pwd 7]

Vc que fez o HTML?

Tem erros de marcações.

[lukinhaslk 0]

Não é uma loja virtual pré pronta eu estou modificando os html são separados tipo logo.html menu-horizontal.html...

[L. Henrique 179]

Lukinhas,

Isso não é uma questão de CSS. Verifique seu HTML e veja se o logo está dentro do menu e não como background dele. Exemplo:

<nav>
   <a href="#"> Logo </a>
   <ul>
      <li>Item 1</li>
      <li>Item 2</li>
   </ul>
</nav>

[lukinhaslk 0]

Eu fiz isso melhorou, mas agora o menu e o logo fica como se não fizesse parte da pagina.

ao passar o mouse por cima do logo parece que tem um hover a imagem movimenta para a direita

o Link do site :http://2ac09.iluria.com/

[L. Henrique 179]

Como se não fizesse parte da página? Como seria isso na sua visão?

E em questão ao hover movimentar a imagem, você automaticamente respondeu a sua própria pergunta... É um hover, então procure pela classe do logo no CSS que tenha um :hover ao lado e veja se ele adiciona algum margin, padding ou float pra jogar ele pro lado, dai é só excluir. Nada de mais.

Se não conseguir fazer, retorne aqui e tentarei ajudar novamente.

EDITADO:

Eu vi que a imagem do campo de pesquisa também se movimenta, então se não encontrar a classe com :hover, procure por algum elemento img dentro da nav.

[lukinhaslk 0]

Resolvido era um padding do script que estava dentro da nav alterei de 5 para 0 .

Muito obrigado Lucas me ajudou muito!

<script type="text/javascript">
    $(document).ready(function(){
        $("#jMenu").jMenu({
            openClick : false,
            ulWidth : '220',
            absoluteTop: 'auto',
            effects : {
                effectTypeOpen : 'show',
                effectTypeClose : 'hide'
            },
            animatedText : true,
            paddingLeft: 5
        });
        $(".horizontal-menu").css("visibility", "visible");
    });
</script>