Responsive menu layout

Door Veur Heur op 27-03-2015 11:59 gewijzigd op 27-03-2015 13:11

3.016 views

Op basis van WordPress heb ik deze website gebouwd: http://92.48.204.127/~lichtrecla/

Een lastminute verzoek was het toevoegen van een submenu en dit is gelukt behalve op mobiele layout. Het lukt me maar niet de subitems "normaal" in de lijst te tonen (met een kleine inspringing). Kan iemand me helpen aan de juiste CSS?

Eschwin Moerkerken

27-03-2015 14:12 gewijzigd op 27-03-2015 14:15

@media (max-width: 767px)
.navbar ul ul {
  display: block;
  padding-left: 15px;
  position: relative;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
}

De bedoeling is om de position absolute weer terug te zetten naar zijn originele waarde zodat deze een 'flow' krijgt net als de andere elementen, in jouw geval is het position:relative; verhaal voldoende. Wil je hem dan nog netjes terugzetten op zijn plek moet je left:initial; en top:initial; gebruiken (de kleine inspringing heeft hij automatisch al in jouw geval, normaal is dit niet het geval).

Veur Heur

27-03-2015 14:28

Thanks dat werkt prima!

Reageren

Inloggen om te reageren