• 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
74
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. #KiK #KiK: we mon friendz
  2. K keepout00: ue strunz
  3. Keep-out Keep-out: vbullettin state of mind
  4. Keep-out Keep-out: ci vorrebbe una skin un pò più old school, sarà che sono rimasto al 2009 ma con questa mi perdo ahah
  5. Keep-out Keep-out: hola
  6. Slimy Slimy: Buonasera
  7. Mavio Mavio: Habbo sta creando un nuovo "gioco", con nuovi aggiornamenti, a dirlo è stesso la pagina ufficiale di habbo su instagram
  8. INFINITY987 INFINITY987: muore
  9. UNI▼ERS▲L UNI▼ERS▲L: Che fine farà Habbo ora che il supporto di Adobe Flash Player cesserà?
  10. #KiK #KiK: weeeeee
  11. -Sicily94- -Sicily94-: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  12. eskereboyz eskereboyz: https://www.sciax2.it/forum/threads/account-habbo.700424/
  13. DarkKB DarkKB: @999k https://www.sciax2.it/forum/threads/new-luxworld.700391/
  14. 999k 999k: https://www.sciax2.it/forum/threads/ihabbon-project.700336/
  15. 999k 999k: Retro innovativi ne abbiamo?
  16. JaxosItalia JaxosItalia: https://www.sciax2.it/forum/threads/jaxos-hotel.700052/
  17. DarkKB DarkKB: https://www.sciax2.it/forum/threads/new-luxworld.700391/
  18. #KiK #KiK: Amiciiiii
  19. Mr. Aizen Mr. Aizen: Buondì
  20. F FulmineVerde: https://www.sciax2.it/forum/threads/aumentare-prestazioni-del-pc.700408/
  21. -Sicily94- -Sicily94-: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  22. TokosRetro TokosRetro: Salve
  23. -Marco -Marco: Ciao bellissimi!
  24. #KiK #KiK: Siiii
  25. Cristoforo58 Cristoforo58: Kaffeee?!1!1!11 @#KiK
Top