Waar wordt er gedefinieerd vanaf welke schermbreedte er een mobiel menu tevoorschijn komt cq het standaard menu collapsed?
Ik heb een wp site waarbij ik graag op tablet 'landscape' ook het mobiele menu wil tonen, maar ik vind zo snel niet hoe ik dat doe...
Wie kan mij helpen?
- CSS vraag: Wat bepaalt wanneer mobiel menu wordt getoond?
-
15-10-2016, 11:54 #1
- Berichten
- 60
- Lid sinds
- 14 Jaar
CSS vraag: Wat bepaalt wanneer mobiel menu wordt getoond?
-
15-10-2016, 11:56 #2
- Berichten
- 796
- Lid sinds
- 16 Jaar
Re: CSS vraag: Wat bepaalt wanneer mobiel menu wordt getoond?
Met media queries ;)
http://www.w3schools.com/css/css_rwd_mediaqueries.asp
-
15-10-2016, 12:04 #3
- Berichten
- 60
- Lid sinds
- 14 Jaar
Re: CSS vraag: Wat bepaalt wanneer mobiel menu wordt getoond?
Maar in de bestaande css media queries zie ik niets dat verwijst naar het menu...
-
15-10-2016, 21:05 #4
- Berichten
- 1.478
- Lid sinds
- 17 Jaar
Re: CSS vraag: Wat bepaalt wanneer mobiel menu wordt getoond?
Om welke website gaat het?
En welk theme gebruik je?
-
15-10-2016, 22:02 #5
- Berichten
- 1.410
- Lid sinds
- 16 Jaar
Re: CSS vraag: Wat bepaalt wanneer mobiel menu wordt getoond?
Wat bepaalt wanneer mobiel menu wordt getoond?
Antwoord: de breedte van het scherm.
Je ontwikkeld niet echt voor tablets, mobieltjes, laptops of pc's, je maakt iets voor een scherm formaat.
Misschien hebben een heel kleine tablet en een grote mobiel in landscape wel hetzelfde formaat, het maakt niet uit. Met Media Queries geef je aan dat schermen die kleiner zijn dan een bepaalde grootte een ander menu te zien krijgen.
Google Chrome Developer tools heeft de volgende breedtes deze naam gegeven:
- Tot 320px - Mobile S
- Tot 375px - Mobile M
- Tot 425px - Mobile L
- Tot 768px - Tablet
- Tot 1024px - Laptop
- Tot 1440px - Laptop L
- Hoger - 4K
Een iPad in landscape heeft 1024px en valt volgens Google dan net in de laptop range. Maar als je dus iets zichtbaar wil hebben tot en met 1024px dan gebruik je de volgende Media Query:
Code:.mobileMenu{ display: none; } @media screen and (max-width: 1024px){ .mobileMenu{ display: block; } }
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic