Taalmenu klapt niet goed uit op mobiele telefoon
Het taalmenu is gebouwd met enkel CSS en HTML. Mijn vraag is waarom het niet werkt op bv een Samsung Galaxy. Dit is de CSS:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
.languagepicker {
background-color: #FFF;
display: inline-block;
padding: 0;
height: 40px;
overflow: hidden;
transition: all .3s ease;
margin: 0 50px 10px 0;
vertical-align: top;
float: left;
}
.languagepicker:hover {
/* don't forget the 1px border */
height: 81px;
}
.languagepicker a{
color: #000;
text-decoration: none;
}
.languagepicker li {
display: block;
padding: 0px 20px;
line-height: 40px;
border-top: 1px solid #EEE;
}
.languagepicker li:hover{
background-color: #EEE;
}
.languagepicker a:first-child li {
border: none;
background: #FFF !important;
}
.languagepicker li img {
margin: 0 5px 0 0;
}
.roundborders {
border-radius: 5px;
}
.large:hover {
height: 164px;
}
background-color: #FFF;
display: inline-block;
padding: 0;
height: 40px;
overflow: hidden;
transition: all .3s ease;
margin: 0 50px 10px 0;
vertical-align: top;
float: left;
}
.languagepicker:hover {
/* don't forget the 1px border */
height: 81px;
}
.languagepicker a{
color: #000;
text-decoration: none;
}
.languagepicker li {
display: block;
padding: 0px 20px;
line-height: 40px;
border-top: 1px solid #EEE;
}
.languagepicker li:hover{
background-color: #EEE;
}
.languagepicker a:first-child li {
border: none;
background: #FFF !important;
}
.languagepicker li img {
margin: 0 5px 0 0;
}
.roundborders {
border-radius: 5px;
}
.large:hover {
height: 164px;
}
Alvast bedankt voor de hulp
Toevoeging op 04/05/2018 17:54:49:
het taalmenu is vindbaar op het domein www.compuhulp.eu
Edit:
Ik heb code-tags geplaatst. Gelieve dit in het vervolg zelf toe te voegen aan je bericht.
Zie ook: Veel gestelde vragen: Welke UBB-codes kan ik gebruiken. Ook heb ik de topictitel aangepast van 'taalmenu' naar 'Taalmenu klapt niet goed uit op mobiele telefoon'.
Zie ook: Veel gestelde vragen: Welke UBB-codes kan ik gebruiken. Ook heb ik de topictitel aangepast van 'taalmenu' naar 'Taalmenu klapt niet goed uit op mobiele telefoon'.
Gewijzigd op 04/05/2018 21:52:58 door - Ariën -
Het zou fijn zijn als je in het vervolg je eerste bericht aanpast en niet een nieuw bericht plaats met opnieuw je code.
Verder zag ik op telefoon dat je contactgegevens het menu overlapt, hierdoor klapt het menu waarschijnlijk weer dicht als ik er met mijn muis overheen ga.
Gewijzigd op 04/05/2018 21:03:28 door Marthijn Buijs
1. Kijken of het menu is geopend
2. Zo niet, het menu openen
3. Bij de volgende klik weer sluiten, enzovoort.
In de mobiele versie is dat niet het geval: het menu blijft ingeklapt. Als je dan op "Nederlands" klikt ververst de pagina meteen met deze taalkeuze. Je zou ook kunnen denken aan een aparte knop voor het uitklappen van dit menu (met de tekst "selecteer taal" of een ander icoon).
Toevoeging op 05/05/2018 13:20:43:
Enig idee of werken met Media Query in dit geval zin zal hebben?
https://www.w3schools.com/howto/howto_js_dropdown.asp
Gewijzigd op 05/05/2018 17:48:26 door Maarten Vries