ACP2E-2966: In ipad mini the menu and header loads as mobile, instead they should load as desktop.

Author: thiaramus

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderImageTest/ImageTestCMSPageOnTabletTest.xml

@@ -94,12 +94,12 @@
         <dontSeeElement selector="{{ImageOnStorefront.imageMobile('1')}}" stepKey="dontSeeMobileImageOnDefaultRes"/>
 
         <!-- Validate images with window width of 768px -->
-        <resizeWindow width="769" height="1024" stepKey="resizeWindowTo768by1024"/>
+        <resizeWindow width="768" height="1024" stepKey="resizeWindowTo768by1024"/>
         <seeElement selector="{{ImageOnStorefront.imageDesktop('1')}}" stepKey="seeMainImageOn768by1024"/>
         <dontSeeElement selector="{{ImageOnStorefront.imageMobile('1')}}" stepKey="dontSeeMobileImageOn768by1024"/>
 
         <!-- Validate images with window width of 767px -->
-        <resizeWindow width="768" height="1024" stepKey="resizeWindowTo767by1024"/>
+        <resizeWindow width="767" height="1024" stepKey="resizeWindowTo767by1024"/>
         <seeElement selector="{{ImageOnStorefront.imageMobile('1')}}" stepKey="seeMobileImageOn767by1024"/>
         <dontSeeElement selector="{{ImageOnStorefront.imageDesktop('1')}}" stepKey="dontSeeDesktopImageOn767by1024"/>
     </test>

app/code/Magento/PageBuilder/etc/view.xml

@@ -62,9 +62,9 @@
                 <var name="stage">true</var>
                 <var name="class">mobile-switcher</var>
                 <var name="icon">Magento_PageBuilder::css/images/switcher/switcher-mobile.svg</var>
-                <var name="media">only screen and (max-width: 768px)</var>
+                <var name="media">only screen and (max-width: 767px)</var>
                 <var name="conditions">
-                    <var name="max-width">768px</var>
+                    <var name="max-width">767px</var>
                     <var name="min-width">640px</var>
                 </var>
                 <var name="options">