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