remove position responsiveness

Author: jyotibansal461

assets/css/howto.css

@@ -17,15 +17,18 @@
 .mt-how-to-step.mt-has-img.mt-step-img-bottom {
     flex-direction: column;
 }
+
 .mt-how-to-step.mt-has-img.mt-step-img-top {
     flex-direction: column-reverse;
 }
+
 .mt-how-to-step.mt-has-img.mt-step-img-left {
     flex-direction: row-reverse;
 }
+
 .mt-how-to-step.mt-has-img.mt-step-img-right {
     flex-direction: row;
-}
+} 
 
 .mt-how-to-supply {
     margin-bottom: 10px;

widgets/howto.php

@@ -2092,7 +2092,7 @@ protected function register_controls() {
                 ]
             );
 
-            $this->add_responsive_control(
+            $this->add_control(
                 'step_image_alignment',
                 [
                     'label' => __( 'Position', 'mighty' ),
@@ -2116,7 +2116,6 @@ protected function register_controls() {
                         ],
                     ],
                     'default' => 'row',
-                    'toggle' => true,
                 ]
             );
 
@@ -2140,13 +2139,12 @@ protected function register_controls() {
                         ],
                     ],
                     'condition' => [
-                        'step_image_alignment' => [ 'column-reverse', 'column' ]
+                        'step_image_alignment' => [ 'column-reverse', 'column' ],
                     ],
-                    'default' => 'center',
-                    'toggle' => true,
                     'selectors' => [
                         '{{WRAPPER}} .mt-how-to-step-image' => 'align-self: {{VALUES}}'
-                    ]
+                    ],
+
                 ]
             );
 
@@ -2169,14 +2167,14 @@ protected function register_controls() {
                             'icon' => 'eicon-v-align-bottom',
                         ],
                     ],
-                    'condition' => [
-                        'step_image_alignment' => [ 'row-reverse', 'row' ]
-                    ],
                     'default' => 'center',
                     'toggle' => true,
+                    'condition' => [
+                        'step_image_alignment' => [ 'row-reverse', 'row' ],
+                    ],
                     'selectors' => [
                         '{{WRAPPER}} .mt-has-img' => 'align-items: {{VALUES}}'
-                    ]
+                    ],
                 ]
             );
 
@@ -2460,6 +2458,7 @@ protected function render()
         }
 
         $step_img_position  = '';
+
 		if ( 'column-reverse' === $settings['step_image_alignment'] ) {
 			$step_img_position = 'mt-step-img-top';
 		} elseif ( 'column' === $settings['step_image_alignment'] ) {
@@ -2469,7 +2468,7 @@ protected function render()
 		} elseif ( 'row-reverse' === $settings['step_image_alignment'] ) {
 			$step_img_position = 'mt-step-img-left';
 		}
-        
+
         $this->add_render_attribute( 'mt-how-to-title', 'class',  'mt-how-to-title' );
         $this->add_render_attribute( 'mt-how-to-supply-title', 'class',  'mt-how-to-supply-title' );
         $this->add_render_attribute( 'mt-how-to-tools-title', 'class',  'mt-how-to-tools-title' );