Start showing the mobile video on medium for tablets

diff --git a/front-page.php b/front-page.php
index 61fd953..47dee98 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -5,12 +5,12 @@
 </div>
 <main class="page-front">
     <div id="content-wrapper">
-        <div class="show-for-medium-up">
+        <div class="show-for-large-up">
             <video id="headerVideo" autoplay="" loop="" muted="">
                 <source src="<?php bloginfo('template_url'); ?>/assets/Header_Video.mp4">
             </video>
         </div>
-        <div class="show-for-small-down">
+        <div class="show-for-medium-down">
             <video id="headerVideoMobile" autoplay="" loop="" muted="">
                 <source src="<?php bloginfo('template_url'); ?>/assets/Header_Video_Mobile.webm">
                 <source src="<?php bloginfo('template_url'); ?>/assets/Header_Video_Mobile.mp4">

diff --git a/page.php b/page.php
index 8f6179c..240f811 100644 (file)
--- a/page.php
+++ b/page.php
@@ -2,12 +2,12 @@
 <main class="page-inside">
     <div id="head-img">
         <?php if ( is_page('real-estate') ) { ?>
-                <div class="show-for-medium-up">
+                <div class="show-for-large-up">
                     <video id="headerVideo" autoplay="" loop="" muted="">
                         <source src="<?php bloginfo('template_url'); ?>/assets/Real_Estate_Video.mp4">
                     </video>
                 </div>
-                <div class="show-for-small-down">
+                <div class="show-for-medium-down">
                     <video id="headerVideoMobile" autoplay="" loop="" muted="">
                         <source src="<?php bloginfo('template_url'); ?>/assets/Real_Estate_Video_Mobile.webm">
                         <source src="<?php bloginfo('template_url'); ?>/assets/Real_Estate_Video_Mobile.mp4">