Olá coloquei este Layout da conta pró Google Theme 1, porem queria reduzir o espaçamento entre os menus e onde criou um categoria nova “Outras Categorias” e assim encolhendo as outras categorias, que por sua vez sumiu as sua sub-categorias, alguem poderia me ajudar?
eu tenho esse mesmo problema, mas ainda ngm me ajudou
1 curtida
Até agora somente consegui com os títulos do anúncios, que encurtava e ficava com reticencias
1 curtida
legal esse, eu nao tinha notado, copiei de vc rsrs obrigado… qndo conseguir resolver o outras categorias avise
1 curtida
Vi os códigos mas não consegui resolver ainda
Código Css
/MENU/
.g_ body .menu.superior:before {
content: “”;
background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .4s;
z-index: 9999
}
.g_ .menu.superior {
background: 0 0;
margin: 0;
width: fit-content
}
.g_ .menu.superior>.nivel-um>li:hover {
margin-top: 0
}
.g_ .menu.superior>.nivel-um>li {
background: 0 0;
border: 0;
z-index: 1;
position: relative;
padding: 1.8rem 1.5rem
}
.g_ .menu.superior>.nivel-um>li:hover:before {
width: 100%
}
.g_ .menu.superior>.nivel-um>li:before {
content: “”;
height: 2px;
width: 0;
background-color: var(–dc1);
transition: width .4s;
position: absolute;
left: 0;
bottom: 0
}
.g_ .menu.superior>.nivel-um>li>a>strong {
font-size: var(–fs16);
font-weight: 400;
color: var(–tc1);
margin: 0
}
.g_ .menu.superior>.nivel-um>li:active>a>strong {
text-shadow: 0 0 0 var(–tc1)
}
.g_ .menu.superior>.nivel-um>li.com-filho>a>i {
background: 0 0;
color: var(–tc1);
margin: 0
}
.g_ .menu.superior>.nivel-um>li.com-filho>ul,
.g_ .theme-functions>li.dropdown>ul {
top: 100%;
padding: 10px 25px;
background: #fff;
border-radius: 0;
border: 0;
box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}
.g_ .theme-functions>li.dropdown>ul {
margin: -2px 0 0 0;
left: auto;
border-top: 2px solid var(–dc1);
right: -15px
}
.g_ .menu.superior>.nivel-um>li.com-filho>ul>li,
.g_ .theme-functions>li.dropdown>ul>li {
padding: 0;
background: 0 0;
border: 0;
margin: 10px 0
}
.g_ .menu.superior>.nivel-um>li.com-filho>ul>li>a,
.g_ .theme-functions>li.dropdown>ul>li>a {
color: var(–tc1);
font-size: var(–fs16);
display: block;
padding: 0;
line-height: 30px
}
.g_ .menu.superior>.nivel-um>li.com-filho>ul>li>a:hover,
.g_ .theme-functions>li.dropdown>ul>li>a:hover {
background: 0 0;
opacity: .7
}
.g_ .theme-functions>li.dropdown:hover .dropdown-menu {
display: block
}
.g_ .theme-functions {
margin: 0
}
.g_ .theme-functions>li:first-child {
margin-left: 0
}
.g_ .theme-functions>li {
margin-left: calc(var(–gutter) * 2)
}
.g_ .theme-functions>li>a,
.g_ .theme-functions>li>button {
outline: 0;
background: 0 0;
border: 0;
padding: 0;
display: block
}
/FIM MENU/
Imagens do código HTML
Na imagem 01 abaixo aparece como esta o meu menu
Na imagem 02, já vemos as categorias ocultas dentro da criada pelo tema
Já imagem 03 vemos as categorias e suas filhas
o tema cantos arredondados nao tem esse OUTRAS CATEGORIAS, sera que se comparar essa parte não da para implantar nesse?
Até que consegui, html usando o javascrip, porem fica com os códigos aparecendo e se coloco no javascrip mesmo não acontece nada, preciso de um suporte alguém que entenda melhor.
Código usado
Bloco de Citação
var g_var = ;
g_var[‘quantidade_itens_menu’] = 20;
$(‘html’).css(‘opacity’,0);
init:function(){
g_var[‘blockMenu’] = theme.getCode($(‘#cabecalho .menu.superior’));
theme.menuLimiter();
if (window.location.href.indexOf(“/conta/”) > -1) {
$(‘body’).addClass(‘_account’)
}
}
menuLimiter:function(){
if(g_var[‘quantidade_itens_menu’] != “” && !theme.isMobile() && $(‘.categoria-outros’).remove() == 0){
if($(‘.g_ .menu.superior > .nivel-um > li’).length > g_var[‘quantidade_itens_menu’]){
let other = $(‘
$(‘.g_ .menu.superior > .nivel-um > li:nth-child(n+’+ g_var[‘quantidade_itens_menu’] +‘)’).appendTo(other.find(‘ul’));
other.appendTo(‘.menu.superior .nivel-um’);
}
}
if(g_var[‘quantidade_itens_menu’] != “” && theme.isMobile() && $(‘.categoria-outros’).length){
$(‘.categoria-outros > .nivel-dois > li’).appendTo(‘.g_ .menu.superior > .nivel-um’);
$(‘.categoria-outros’).remove();
}
}
1 curtida
Eu tenho um topico que abri esses tempos atras do msmo assunto, a usuaria Marcela conseguiu remover do tema google Cantos arredondados, porem coloquei no que usamos e nao funcionou, veja se consegue descobrir a diferenca
1 curtida
Eu vi ali e também tentei, modifiquei e até quebrei a cabeça aqui e somente consegui este resultado.
Foi este código que eu usei, mas não consegui eliminar esta “Outras Categorias” , somente consegui retirar elas de dentro e assim fica no menu com seus sub-menus.
$(document).ready(function(menuLimiter){
$(’.categoria-outros > .nivel-dois > li ‘).appendTo(’.menu.superior > .nivel-um’).detach(‘li’ .removeClass(’.categoria-outros.com-filho’)==1);
$(‘li’).remove(’.categoria-outros.com-filho’);
});
1 curtida
Boa deu certo!
Pra remover o Outras Categorias consegui via CSS, segue solucao completa para futuros usuarios:
HTML incluir HTML > JavaScript, Rodape, Todas Paginas:
$(document).ready(function(){
$('.categoria-outros > .nivel-dois > li ').appendTo('.menu.superior > .nivel-um').removeClass('.categoria-outros.com-filho');
});
Adicionar no CSS:
/* REMOVE CATEGORIA OUTROS */
.categoria-outros {
display: none !important;
}
/* FIM REMOVE CATEGORIA OUTROS */
1 curtida
Beleza, agora deu certo
Agora deixar registrado, isto sim que é parceria
1 curtida