Personalização de ícones

Código CSS/HTML
1

Como eu faço para colocar esses botões no cabeçalho e não acima da barra de pesquisa? Alguém poderia me ajudar?

image
image391×841 116 KB

2

oi,
use esse código no cabeçalho, em todas as páginas.
tipo do código: CSS

@media only screen and (max-width: 767px) {
#cabecalho ul.actions-menu > li.visible-phone,
#cabecalho ul.actions-menu li.menu-login {
position: fixed!important;
top: 2px!important;
z-index: 9999!important;
}

#cabecalho ul.actions-menu li.menu-login {
    left: 55px!important;
}

    #cabecalho ul.actions-menu > li.visible-phone {
    left: 107px
}

#cabecalho > .conteiner .main-header .busca {
    border-top: 15px;
}

#cabecalho .conteiner .logo {
    margin: 20;
    height: 100px
}
#cabecalho .conteiner .logo img {
    max-height: 150px;

    margin: 40px auto 10px;
    padding: 0px;
}
 #cabecalho:before {
    border-bottom: none;
}
#cabecalho.fixed>.conteiner .main-header .conteudo-topo .actions-menu .menu-login > a > i {
    background: var(--principal);
}

}