[Eu ajudo] - Pequenas alterações em temas


#1636

@Fagner_Fernandes
Menus bugados são os melhores! :joy:
É porque as letras não aparecem? é isso? se sim, você vai lá na sua folha CSS. Lá tem a opção para mudar a cor!
Na imagem abaixo tá selecionado o código que vai fazer isso pra você… basta mudar pelo código hexadecimal da cor que você deseja!

Se quiser um lugar para pegar códigos HEX de cores, clica aqui :arrow_right: Disco de cores

Se não entendeu, avisa!!! :sunglasses:

@Rodrigo_Barreto
Aí está, amigo! Coloque isso na sua folha de estilo CSS:
Já aprendeu a fazer? Se não, grita aí que a gente te ensina!

#form-buscar #auto-complete {
    width: 305px;
    background: transparent;}

@brasillaser
Qual o simulador que você usa?!




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852


#1637

Do próprio Google , mas pelo celular tb nao funciona, sem simulação .

image


#1638

@Ivanilson_Gomes
Segue o link https://threecoolcats-manutencao.lojaintegrada.com.br/

Caso nao de certo o link da manutenção vou passar aqui dessa loja, queria o menu igual deles


#1639

Isso está ‘fud…’ com as minhas vendas pelo celular.


#1640

@brasillaser
Calma, jovem…
Vamos lá! :hugs:

Obs: Pensei que era outro simulador… eu tinha testado nesse mas não tinha usado a opção do iphone.

A resolução é simples… mas não consigo fazer daqui.
Você vai olhar em todos os seus CSS’s… aparentemente o título da folha de estilo é Layout Responsivo

e vai procurar essa linha:
.resumo-compra .tabela-carrinho .produto-info { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

que está dentro do bloco: @media screen and (max-width: 767px)

e vai apagar o white-space: nowrap;

e pronto!
Olha ae e me diz se deu certo!




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852


#1641

@Luan_Ossak

Veja aí se atende à suas necessidade!

#cabecalho > .conteiner > .menu.superior .nivel-um li:hover .titulo { color: #ffffff; }
#cabecalho > .conteiner > .menu.superior .nivel-um li:hover {background-color: #b3b7c0;} 

Qualquer coisa é só avisar! :sunglasses:




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852


#1642

@Ivanilson_Gomes
Funcionou :smiley:
Porem surgiu mais uma coisa (juro que é a ultima coisa que peço haha)
A seta que indica que o menu expande, não aparece e quando passo o mouse ela fica igual na imagem

vou deixar aqui os códigos que usei para facilitar 8D

/linha preta do menu/
div.menu.superior .nivel-um {border-bottom: 3px solid #000;}

/divisao das categorias do menu/
div.menu.superior .nivel-um li {border: none;}

/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #ffffff; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #1d1d1d; }

#cabecalho > .conteiner > .menu.superior .nivel-um li:hover .titulo { color: #ffffff; }
#cabecalho > .conteiner > .menu.superior .nivel-um li:hover {background-color: #404040;}

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: 20px; }


#1643

Rapaz, você achou isso ai no meu código do meu site ? estranho …

pois no meu site, só tem 2 lugares que uso CSS , e procurando por @media, tenho 1 código abaixo COMENTADO , ou seja, não está está usando :

/* @media( max-width: 767px ){
#appmake-modal-mask,
#stay-win-coupom{
display: none!important;
width: 0!important;
overflow: hidden!important;
height: 0!important;
}
} */

Esse CSS abaixo para incluir textos na barra de cima do site, está funcional , mas não consta :

@media(max-width: 767px){
.conteudo-topo .busca-mobile .atalho-menu::before {
content: ‘MENU’;
font-weight:bold;
font-family: ‘Raleway’ ,sans-serif;
font-size: 18px;
}
.busca {
margin: 0 80px 0 0;
}
.busca input {
box-sizing:border-box;
}
body::before {
content: ‘Dica -> Navegue Pelo Menu’;
background: #000;
color: #fff;
display: block;
text-align: center;
height: 25px;
line-height: 25px;
font-size: 19px;
margin-top: 55px;
}
#cabecalho::before {
content: ‘Redução Preço Envio pelo PAC em 50% e Sedex 25%’;
display: block;
background: #000;
height: 30px;
line-height: 25px;
text-align: center;
color: #fff;
font-size: 16px;
}

#cabecalho {
    padding-top: 0;
}
#cabecalho .menu.superior .nivel-um>li {
    padding: 0;
    width: 100%;
}
.menu.superior .categoria-paginas .nivel-dois li a {
    white-space: inherit;
}
.menu.superior .nivel-dois a {
white-space: inherit;
}

}
}


#1644

Em incluir HTML não tem nada de CSS?!

@Luan_Ossak
Mas você quer que ela apareça ou que não apareça?


#1645

@Ivanilson_Gomes
Quero que ela apareça.
Igual no exemplo
aqui%202
aqui%203


#1646

Acabei de colocar o seguinte código :

.resumo-compra .tabela-carrinho .produto-info { width: 220px; overflow: hidden; white-space: normal; text-overflow: ellipsis; }

E com isso, ele mostra os produtos … MAS … agora fica assim :frowning:

MASSSSSSSSSSSSSSSS …

Coloquei o código assim :
.resumo-compra .tabela-carrinho .produto-info { overflow: hidden; white-space: normal; text-overflow: ellipsis; }

Com isso, está aparecendo ok … no computador OK , e no celular , melhorou … veja …

O engraçado é que parece que ele acha que o campo para os dados do produto vai só até ali …

Acertei agora para o código abaixo, para mexer apenas no celular o código abaixo :
@media(max-width: 767px){ .resumo-compra .tabela-carrinho .produto-info { overflow: hidden; white-space: normal; text-overflow: ellipsis; }}

Como ajustar o código acima, para que essa coluna fique variável de acordo com a largura da tela do aparelho ?


#1647

Tá ae, mano! :sunglasses:
#arroxa

.menu li>a i {color: #505050;}
.menu li>a:hover i {color: #505050;}





80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852


#1648

@media screen and (max-width: 767px)


#1649

Resolve mostrando a informação … mas ainda tem aquele problema de uma parte que fica cortada. Quanto maior o celular tiver de tela, maior o pedaço não mostrado, MASSSSSS pelo menos emergencialmente já mostra, e fico Grato por isso. Pois não mostrar , o cliente desistia.

image


#1650

Olá!
Essa área deve ser a reservada para imagem.
Se você quiser, pode inspecionar ela para colocar um display: none; nessa DIV dentro do media query de 767px, por exemplo!

Porque aqui, eu tô vendo normal com as imagens…




80x80
Atenciosamente: Ivan Gomes
Design Gráfico | E-Commerce | Social Media :wink:
Solicite seu orçamento Icone-Telegram_-_20x20 Telegram: (85) 9 8759-9852


#1651

Estranho, na simulação no computador, e no celular que tenho aqui (iphone , motorola etc) , tudo sem imagem … doido isso


#1652

Seu navegador está atualizado?!


#1653

Deu certo man, muito obrigado o/


#1654

Boa noite, gostaria da seguinte ajuda:
Comprei um tema e os produtos estão dispostos um do lado do outro e eles passam através das setas, eu gostaria de deixa-los um embaixo do outro.


Tentei alterar no “Visual da loja - Listagem do Produto - Disposição das miniaturas do produto : Vertical” e mesmo assim não alterou nada.
loja: https://www.mocinhadefita.com.br/

A quem puder ajudar, fico agradecida.


#1655

Sim , está atualizado , tanto no computador , quanto nos celulares