Ajuda em Banner Tarja, Espaçamentos, Barra Acima das categorias

Código CSS/HTML
1

Galera, estou usando o Tema “Mix de Imagens” ja tentei varios CSS e JS para os ajustes abaixo, porem nenhum funcionou, mesmo adicionando produtos no carrinho… se puderem me ajudar, agradeço.

Sem Título-3
Sem Título-31600×900 143 KB

1- Deixar a barra de Menu na cor Preta
2- Tirar o espaçamento entre o Full Banner e o Banner Tarja
3- Deixar o Banner Tarja do mesmo tamanho que o Full Banner
4- Colocar um banner tarja informativo, parecido com o da arezzo

1 curtida
2

Item 1)

.conteiner-principal > header {
    background: black;
}

.conteiner-principal > header svg * {
    fill: white;
}

.g_ .menu-trigger,
.g_ .menu-trigger:after,
.g_ .menu-trigger:before{
    border-top: 3px solid white;
}

@media (min-width: 767px) {
    .conteiner-principal >header .nivel-um .titulo,
    .conteiner-principal >header .nivel-um .icon-chevron-down {
        color: white!important;
    }
}


svg#Capa_1 * {
        fill: black;
}

image

image

image
image1056×349 86.3 KB

Os demais itens deixo para outros colegas, assim não fica pesado para ninguém ajudar

2 curtidas
3

obg, deu certo, agora preciso de ajuda nos outros, fico no aguardo dos colegas enquanto vou tentando :+1:

4

Alguem consegue me ajudar nos outros? não esta dando certo com os que tem aqui na comunidade, e eu não entendo de CSS, JS e HTML

5
1 curtida
6

Eu tinha visto esse topico, e não tinha visto que era 2 lugares pra adicionar… deu certo, muito obg!

Preciso apenas deixar o mini banner completo na tela e remover o espaço entre o Full Banner e Mini Banner

Site: imperiodamodajau.com.br

7

CSS

.g_ .secao-banners .banner.cheio {
    margin-bottom: 0px;
}
.banner.cheio+.row-fluid {
    margin-top: 0px;
}

image
image1160×770 79.4 KB

1 curtida
8 
.g_ .secao-banners .banner.cheio {
    margin-bottom: 0px;
}
.banner.cheio+.row-fluid {
    margin-top: 0px;
}

.g_ .secao-banners .banner.tarja {
    border: 0;
    position: relative;
    width: 1920px;
    left: calc(50% - 960px);
}

.g_ .secao-banners .banner.tarja img{
    width: 100%
}

image
image1920×886 118 KB

1 curtida
9

Deu certo obg, em qual das partes voce vai pra testar as coisas?

image
image1600×900 114 KB

10
1 curtida
11

O Full Banner ficou com o tamanho bom no desktop, porém no mobile ficou cortado, como resolver? Sabem onde consigo ver os tamanhos reais que preciso usar no tema que estou usando?

Screenshot_20220908-122649
Screenshot_20220908-1226491080×2280 116 KB

12

Consegue me ajudar no problema citado acima?

13 
.g_ .secao-banners .banner.cheio .flexslider {
    border: unset;
    position: unset;
    width: unset;
    left: unset;
}

@media (max-width: 767px){
    .g_ .secao-banners .banner.cheio .flexslider {
        width: unset;
        left: unset;
        margin: unset;
    }
    .conteiner-principal .conteiner {
        padding: 0px;
    }
}

image
image935×853 160 KB

1 curtida
14

alterou no mobile, porem tambem afetou no desktop :confused: , estou testando as dimensões da imagem do full banner para acertar em ambos os dois

15

Estou usando um codigo seu que deixa o full banner usando a tela inteira, porem ela meio que corta devido o tema que estou usando, ai fui diminuindo a imagem até ficar legal no desktop, porem quando vejo o mobile, fica cortado ainda, e este codigo que voce gentilmente me enviou, ele esta cortando tanto no mobile quanto no desktop, consegue me ajudar?