Problema visualizzazione SottoMenu

[xenox75]

Su consiglio avuto da giusebos in un altro post, ho deciso di riprovare con il template invece del framework..

Non sono partito da zero, ma ho fatto una copia del protostar che non lo trovo molto pesante e mi posso dedicare solo alle modifiche di ciō che voglio cambiare..

La parte che pių mi interessa č il menų, dove trovo maggiori difficoltā...

ho creato un sito Demo per fare le prove http://gpro.altervista.org/  non considerate i contenuti, mi serve solo il Menų

Sono riuscito a metterlo tutto rosso con la parte selezionata nera come volevo il problema č sul sottomenu.

Prendendo spunto da questo sito https://www.gpro-strategy.net/it/  che ha il menų con lo stile che vorrei io, vi dico i problemi che ho:
1> il Menų Prova non ha la freccetta che fa capire che ha un sotto Menu. Senza andare a modificare proprio la voce di Menų, come potrei risolvere by CSS?
2> Se si passa con il mouse sopra la voce "Prova" non si apre il sottomenų, bisogna cliccarci sopra poi se ci passi va bene, sapete come mai?  Premetto che in locale con altra installazione non mi da problema.


il css che ho messo sul file custom.css č il seguente:

Codice: [Seleziona]

.navigation {
    padding: 0px 0;
    border-top: 0px solid rgba(0,0,0,0.075);
    border-bottom: 0px solid rgba(0,0,0,0.075);
    margin-bottom: 10px;
    background-color: #E10600 !important;
}


.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 0px;
   margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
    border-radius: inherit;
    color: white;
}


.nav-pills > li > a:hover, .dropdown:hover .dropbtn {
   background-color: black;
   display: inline-block;
}


.nav > li > a:focus {
    text-decoration: none;
    background-color: #222;
}


.nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary {
    background: black;
}


Non sono esperto di CSS per cui se notate errori o miglioramenti da fare ditemi pure... 


Grazie

[giusebos]

se si clicca su prova i sottomenų non ci sono.

Buono quello di modificare un template come protostar, prima perō rendilo funzionale con i contenuti, poi lo modifichi....

Un consiglio, prima di modificare protostar lo duplicherei e lo rinominerei, questo per evitare sicuri sovrascrimenti ad ogni aggiornamnto...

Per duplicare e rinominare un template esistente:
1 portati su estensioni template
2 scegli lista template template e clicca su dettagli e file del template che vuoi copiare
3 clicca su copia template
4 inserisci un nome tutto minuscolo, per non complicarti la vita evita trattini, underscore e lettere maiuscole
5 infine controlla che nel file  templateDetails.xml non vi ssiano percorsi da aggiornare con il nome che gli hai dato

[giusebos]

Questo č il codice di base per inserire il triangolino, č possibile che vada aggiustato

Codice: [Seleziona]

span.separator::after, #nav .deeper a:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
}


[giusebos]

in oltre c'č una chiamata ad un file che non esiste nel tuo sito perchč forse eliminato
http://gpro.altervista.org/images/joomla_logo_black.jpg

meglio correggere