/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

Posted February 19, 2018 (edited)
Bonsoir,

Après plusieurs essais, j'ai obtenu ceci, à tester sur vous en sauvegardant bien sur avant toutes modifications pour un retour arrière possible.

Screenshot_2.thumb.png.ecf4e7bfc9f60688d0e01a2464f185fa.png

Allez dans     \themes\classic\templates\_partials\header.tpl

puis rajouter 1 au container puis 0 au md-2 pour modifier la classe (voir img)

 

Screenshot_1.png.1be287f916749d711c99d61a50368250.png

Greffer le module bloc recherche sur displaynav2, et le degreffer de header. Puis modifier en css:

.search-widget {  theme.css ligne 7  (colonne 111736)

float: right;

padding-top: 3px; }* Valeur à rajouter *

Puis:

@media (min-width: 1200px){.container1 {width: 1423px;max-width: 100%;} }

@media (min-width:992px){ul#top-menu{display:inline-flex;padding: inherit;* Valeur à rajouter *} }     (  Ajouter ces lignes en rouge au fichier custom.css )

 

@media (min-width: 768px) {     
.col-md-02 {
    margin: auto;  
    width: 16.66667%;
    padding-bottom: 10px; }  }

#mobile_top_menu_wrapper #top-menu {     
    margin-bottom: .625rem;
    padding-left: 10px; }  

.header-top .row {
    display: relative;
    align-items: center; /* srovná logo a vyhledávání do stejné výšky */
}

#_desktop_top_menu {
    display: flex;            /* flex pro vertikální zarovnání */
    align-items: center;      /* vertikálně uprostřed */
}

#_desktop_top_menu ul.top-menu {
    display: inline-flex;
    margin: 0;
    background-color: #ff660e;
    width: 102vw;
    padding: 15px;
    position: relative !important;
    right: 1%;}

#_desktop_top_menu ul.top-menu li a {
    color: #ffffff;           /* bílý text */
    font-size: 1.2rem;        /* velikost textu */
    line-height: 1.2;         /* případně doladit vertikální zarovnání */
    padding: 0 10px;          /* mezera mezi položkami */
    display: flex;            /* aby padding fungoval dobře */
    align-items: center;      /* vertikální zarovnání textu v li */
    text-decoration: none;    /* odstranit podtržení, pokud je */
}

#_desktop_top_menu ul.top-menu li a:hover {
    color: #ddd;              /* jemný efekt při hoveru */
}