• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema Menù Responsive Prestashop

Ifrid94

Nuovo utente
31 Marzo 2017
10
1
15
75
Miglior risposta
0
#1 Autore del topic
Salve a tutti, rieccomi con i miei soliti problemi.
Avrei bisogno nel seguente sito che sto costruendo www.prezziricambiauto.com che il menù (responsive ovviamente) quando aperto visualizzi le categorie madri e non le sottocategorie, e successivamente se vi si clicca queste vengono visualizzate. Il file interessato se volete ispezionare è "navigation.css" di cui pubblico una copia.
CSS:
.menu-warpper{position:relative; z-index:5; margin:10px 0; float:left;}
.menu-warpper > .vt_bg_menu{margin:0; padding:0;}
.menu-warpper .vt_menu{float:left; width:auto; display:block; margin:0px; background:none;}
.menu-warpper .menu-class .category-thumbnail{display:none;}
.menu-warpper .vt_menu a, .menu-warpper .vt_menu a:visited,
.pagination > li > a, .pagination > li > span{color:#666;}
.menu-warpper .vt_menu > li{border:0px !important; padding:0; overflow:hidden;}
.menu-warpper .vt_menu ul{
background:#fff !important;
padding:15px !important;
display:none;
box-shadow:0 0 5px rgba(153,153,153,.5);
}
.vt_menu > li > ul{top:52px !important; left:0px !important;}
.menu-warpper .vt_menu ul li{ background:none !important; border-bottom:1px solid rgba(153,153,153,0.5) !important; border-right:0px !important;}
.menu-warpper .vt_menu ul li a{border:0 !important ;margin:0 !important; padding:5px 20px 5px 10px !important; text-shadow: none !important; background:url(../img/arrow.png) left center no-repeat !important;}
.menu-warpper .vt_menu > li.sfHoverForce.active{ overflow:hidden;}
.menu-warpper .vt_menu > li.sfHover,
.menu-warpper .vt_menu > li.active.sfHover{overflow:visible;}
.menu-warpper .vt_menu > li > a{
font-weight:normal;
text-shadow:none !important;
line-height:52px;
height:52px;
color:#fff !important;
padding:0 15px !important;
margin:0 1px 0 0;
font-size:100%;
position:relative;
text-transform:uppercase;
}
.menu-warpper .vt_menu > li > a.sf-with-ul{padding:0 30px 0 15px !important;}
.menu-warpper .vt_menu > li > a:hover,
.menu-warpper .vt_menu > li > a:focus,
.menu-warpper .vt_menu > li.sfHover > a,
.menu-warpper .vt_menu > li.active > a{opacity:1.0 !important; background:rgba(51,51,51,.5);}
.sf-with-ul .sf-sub-indicator{top:24px; right:15px; width:8px; height:8px; border-width:4px; border-style:solid; border-color:rgba(255,255,255,0.8) transparent transparent transparent; background:none !important;}
.menu-warpper li ul .sf-sub-indicator{top:18px; right:5px; border-color:transparent; width:6px; height:6px; background-color:rgba(204,204,204,.5) !important; border-radius:50%;}
.menu-warpper .cat-title{display:none; font-size:150%; padding:10px; height:56px; text-align:left;}
.menu-warpper .cat-title h4{display:none;}
/*////////////Mega-Menu//////////////////*/
.menu-warpper .menu-mega,.menu-warpper .menu-mega > li > ul{width:100% !important; display:none;}
.menu-warpper .menu-mega ul{top:100% !important;}
.menu-warpper .menu-mega > li,
.menu-warpper .menu-mega > li > ul ul{position:static !important; display:block !important; background:none !important; border:none !important; box-shadow:none !important; opacity:1!important; visibility:visible !important;}
.menu-warpper .menu-mega > li > ul li,.menu-warpper .menu-mega > li > ul > li.category-thumbnail{width:100%; border:none !important; float:none; display:block;}
.menu-warpper .menu-mega > li > ul > li{width:25%; float:left; padding:0 10px;}
.menu-warpper .menu-mega > li > ul > li > a.sf-with-ul{background:#eee !important; padding:5px 10px; font-weight:bold;}
.menu-warpper .menu-mega > li > ul > li.category-thumbnail{float:left;}
.menu-warpper .menu-mega > li > ul > li.category-thumbnail > div{width: 33.333%; float:left; padding-left:20px;}
.menu-warpper .menu-mega > li > ul > li.category-thumbnail > div:first-child{padding-left:0;}
/*/////////////Search box /////////////////*/
.menu-warpper .searchbox{padding:8px 0px !important; margin:0; background-color:#333;}
.menu-warpper .searchbox .vtem-search{margin:0 8px; padding:4px 5px 4px 10px; background:none !important; border:1px solid rgba(153,153,153,.5);}
.menu-warpper .searchbox .vtem-search:hover,
.menu-warpper .searchbox .vtem-search:focus{box-shadow:none; border-color:#fff !important;}
.menu-warpper .searchbox .vtem-search .fa-search{color:rgba(153,153,153,.8);}
.menu-warpper .searchbox .inputbox{border:none; background:none; color:rgba(153,153,153,.8); height:32px; line-height:32px; padding:0; outline:none;}
.menu-warpper .searchbox button{width:40px; height:32px;}
@media (max-width: 991px) {
    .body-mobile-open .menu-warpper{z-index:9999;}
    .menu-warpper .cat-title{display:block; width:60px; position:relative; z-index:99; cursor:pointer; float:right;}
    .menu-warpper .cat-title span{display:inline-block; position:absolute; top:0; right:0; width:56px; height:58px; line-height:58px; text-align:center; font-size:160%; color:#fff;}
    .menu-warpper .vt_menu{display:none; background-color:#fff; padding:10px; position:fixed; top:0; left:-100%; bottom:0; overflow:auto; width:250px !important; box-shadow:5px 0 5px rgba(153,153,153,0.3); border-right:1px solid #ccc; z-index:99999;}
    .menu-warpper .vt_menu li, .menu-warpper .vt_menu ul, .menu-warpper .vt_menu ul li{width:100% !important; position:static !important; float:none !important; box-shadow:none !important; border:none !important; background-color:transparent !important; padding:0 0 0 6px !important; display:block !important; visibility:visible !important; opacity:1 !important;}
    .menu-warpper .vt_menu li a,
    .menu-warpper .vt_menu > li > a,
    .menu-warpper .vt_menu > li > a.sf-with-ul,
    .menu-warpper .vt_menu > li > a:hover,
    .menu-warpper .vt_menu > li > ul > li > a.sf-with-ul,
    .menu-warpper .vt_menu ul li a{color:#666 !important; border:1px solid rgba(153,153,153,0.5) !important; background:rgba(255,255,255,0.8) !important; padding:6px 10px !important; display:block !important; margin:5px 6px 0 0 !important; border-radius:3px; height:auto !important; font-weight:bold;}
    .menu-warpper .vt_menu > li > ul > li.category-thumbnail,
    #header .menu-warpper li .sf-sub-indicator{display:none !important;}
    #header .menu-warpper ul li.sfHoverForce.active > a{background-color:#333 !important; color:#fff !important;}
    .mobile-open{ position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block; z-index:9999; background-color:rgba(51,51,51,0.8);}
}
@media (min-width: 992px) {
    .menu-warpper .vt_menu{display:block !important;}
    .mobile-open{display:none !important;}
}
EDIT: Chi trova una soluzione rapida posso retribuirlo (1-2 ore lavorative)
 
Shoutbox
  1. #James #James: https://www.sciax2.it/forum/threads/buddybank-40-euro-alla-registrazione-solo-ios.700660/
  2. #KiK #KiK: vi offro un po di kaffè per ogni parola che commentate
  3. #KiK #KiK: caz ascoltate e rispondete animali
  4. #KiK #KiK: https://www.sciax2.it/forum/threads/me-gusta-remix.700705/
  5. #Gigius #Gigius: Salve salvino
  6. Mr. Aizen Mr. Aizen: Buondì
  7. #KiK #KiK: eh è da un po di tempo che ormai sta così..
  8. Mardev Mardev: Ma come mai il forum è vuoto cosi ??
  9. #James #James: ueue
  10. #KiK #KiK: il mio kaffè è sempre on
  11. H Heazy962: C'è qualcuno on ?
  12. #KiK #KiK: io cerco un kaffè come si deve, posso partecipare lo stessooo????
  13. -Sicily94- -Sicily94-: Cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  14. #KiK #KiK: Ma ciao piccolo fiore
  15. ToadFungoso ToadFungoso: buonaserissima vestito elegante
  16. #KiK #KiK: buongiornissimo, kaffè?
  17. #KiK #KiK: eh per fortuna ci siamo noi che spariamo boiate per intrattenerci a vicenda
  18. #James #James: maro è proprio strano non vedere quasi nessuno sul forum
  19. #James #James: fratm
  20. Mardev Mardev: proprio forte sto james
  21. #KiK #KiK: O M G mi hai tolto le parole dalla bocca
  22. #KiK #KiK: ma davvero L O L
  23. #James #James: e voi stupidi che andate a comprare crediti habbo
  24. #KiK #KiK: e voi stupidi che andate a comprare crediti habbo da certa gente, non per male eh.
  25. #KiK #KiK: ma animale
Top