The7 BreakPoints
Onderstaande breakpoints (zie screenshot hiernaast en verder hieronder op de page) worden gebruikt in The7, dat zijn deze opties: die je in de rows sectie settings kan vinden.
WP Brain
Onderstaande breakpoints (zie screenshot hiernaast en verder hieronder op de page) worden gebruikt in WP Brain, dat zijn deze opties die je kan vinden met de IF statements
VC Responsive PRO
Ik heb in deze demo de breakpoints van Responsive PRO op The7 afgestemd. Die kan je hier vinden: https://webshop.jvh.software/wp-admin/admin.php?page=bb_rppro
Verder kan je VC elements toevoegen aan de shortcode lijst hier: https://webshop.jvh.software/wp-admin/admin.php?page=bb_rppro_settings zodat jehet Responsive Pro element kan toevoegen op elementen als je die ergens mist waar je het wil gebruiken.
The7 & Responsive PRO -> breakpoints
1) Mobile hide on 0px t/m 480px
Zet je Chrome Developer Tools op responsive en schaal tot de afbeelding hiernaast verdwijnt, dan heb je het betreffende breakpoint bereikt.
Voorbeeld; onderstaande afbeelding verdwijnt op het betreffende breakpoint: 0px t/m 480px
2) Mobile Landscape hide on 480px t/m 767px
Zet je Chrome Developer Tools op responsive en schaal tot de afbeelding hiernaast verdwijnt, dan heb je het betreffende breakpoint bereikt.
Voorbeeld; onderstaande afbeelding verdwijnt op het betreffende breakpoint: 480px t/m 767px
3) Tablet Portrait 767px t/m 991px
Zet je Chrome Developer Tools op responsive en schaal tot de afbeelding hiernaast verdwijnt, dan heb je het betreffende breakpoint bereikt.
Voorbeeld; onderstaande afbeelding verdwijnt op het betreffende breakpoint: 767px t/m 991px
4) Tablet 991px t/m 1200px
Zet je Chrome Developer Tools op responsive en schaal tot de afbeelding hiernaast verdwijnt, dan heb je het betreffende breakpoint bereikt.
Voorbeeld; onderstaande afbeelding verdwijnt op het betreffende breakpoint: 991px t/m 1200px
5) Desktop 1200px t/m 1823px
Zet je Chrome Developer Tools op responsive en schaal tot de afbeelding hiernaast verdwijnt, dan heb je het betreffende breakpoint bereikt.
Voorbeeld; onderstaande afbeelding verdwijnt op het betreffende breakpoint: 1200px t/m 1823px
6) Large Screen 1823px t/m breder
Even keer dubbel geplaatst anders zie je deze image nooit op desktop
Zet je Chrome Developer Tools op responsive en schaal tot de afbeelding hiernaast verdwijnt, dan heb je het betreffende breakpoint bereikt.
Voorbeeld; onderstaande afbeelding verdwijnt op het betreffende breakpoint: 1823px t/m breder

