Rendere stile menu di due template diversi uguali o simili

[Fabrizio Falleroni]

Salve a tutti,
chiedo gentilmente aiuto utilizzo la versione joomla 3.6.4


uso il template  "helix3" per le pagine di informazione generale (home, azienda, contatti)
questo è il sito in questine) [size=78%]http://www.marmood.it[/size]


e il template "quark" per visualizzazione della pagina "Store" e le successive pagine generate da virtuemart 3
altro link [size=78%]http://www.marmood.it/store[/size]
in quanto gestisce molto bene la visualizzazione di prodotti e categorie.


detto questo il mio problema è il seguente:
utilizzando due template diversi ho due stili menu totalmente differenti vorrei invece rendere il menu di quark identico o simile a quello helix 3 in modo da unificare l'aspetto estetico del sito e per facilitare la navigazione degli utenti.


Grazie a tutti per l'attenzione, sono a disposizione per qualsiasi informazione aggiuntiva.

[conti1]

ciao
non hai molte alternative solo 2
1) prendere il menu che è nel primo template per prendere dico tutti i file e css è js che usa e adattarlo nel  secondo template , non facile ma non impossibile
2) installare un menu a se sia sul primo che sul secondo template  in questo modo avrai il menu identico.

[adottauncane]

Ciao,
come suggerisce conti1, se vuoi cominciare almeno con i css usa questi:

Codice: [Seleziona]

#gkHeaderNav .gkMainMenu .gkmenu > li {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
      padding:5px;
}

#gkHeaderNav .gkMainMenu .gkmenu > li a:hover, #gkHeaderNav .gkMainMenu .gkmenu > li a.active {
    color: #2bb673 !important;
}
dovresti farti un file custom, vedi se nella documentazione è previsto e come farlo.
Intanto puoi metterli al fondo del template.ecommerce.css

[Fabrizio Falleroni]

grazie mille a entrambi, direi che il primo metodo suggerito da conti 1 sia la via migliore,come si evince dal link seguente [size=78%]http://www.marmood.it/store[/size][/font][/font][/size] il tutto ha funzionato
Ora sto provando ad inserire le frecce in basso e i loghi accanto alle voci di menu, e l'effetto sottolineato per il menu a cascata.

[Fabrizio Falleroni]

Allora ho semplificato il tutto togliendo i loghi di home e store pero non riesco a dare gli effetti e spazi per il menu a tendina

[conti1]

ciao
inizia modificare questo css
store riga 26

mettilo come questo

Codice: [Seleziona]

.childcontent {    height: auto !important;    padding: 40px 60px;}
poi cerca questo
http://www.marmood.it/templates/gk_quark/css/template.ecommerce.css   

Codice: [Seleziona]

#gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span {    color: #444;    height: 50px;    padding: 10px!important;}

anche questo css

http://www.marmood.it/templates/gk_quark/css/template.ecommerce.css riga 1217

Codice: [Seleziona]

#gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a:hover, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > a.active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:active, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:focus, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span:hover, #gkHeaderNav .gkMainMenu .gkmenu > li div.childcontent li > span.active {    background: #2bb673 none repeat scroll 0 0;    color: #ffffff !important;    padding: 10px;}