Title: Phone View
Last modified: February 3, 2022

---

# Phone View

 *  Resolved [crossfirecollect](https://wordpress.org/support/users/crossfirecollect/)
 * (@crossfirecollect)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/)
 * Hi there,
 * I recently had an issue where on my homepage, the metaslider slideshow created
   a large white gap. I later figured out that this gap was the same size as my 
   second slide, so it was as if they were on top of each other ([https://wordpress.org/support/topic/large-gap-when-more-than-1-slide/](https://wordpress.org/support/topic/large-gap-when-more-than-1-slide/)).
 * This was resolved by turning lazy loading off. However I have encountered a similar
   issue with the phone view where it is putting the image on top of each other.
   Here are the images:
 * 1. [https://drive.google.com/file/d/1Vi54ZdeiMMmJf7-I_VrY7PVTFud6g3x9/view?usp=sharing](https://drive.google.com/file/d/1Vi54ZdeiMMmJf7-I_VrY7PVTFud6g3x9/view?usp=sharing)
   
   2. [https://drive.google.com/file/d/1PoXkBBqxvVc6I90tj7nqRQry8Afvr2G-/view?usp=sharing](https://drive.google.com/file/d/1PoXkBBqxvVc6I90tj7nqRQry8Afvr2G-/view?usp=sharing)
   3. [https://drive.google.com/file/d/1IJNWOWDytuRflqb7CVWCHklD33RbSEAM/view?usp=sharing](https://drive.google.com/file/d/1IJNWOWDytuRflqb7CVWCHklD33RbSEAM/view?usp=sharing)
 * I was wondering if anyone knew how to fix this without disabling jetpack as a
   whole.
 * Thanks, Ben
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fphone-view%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Arreane](https://wordpress.org/support/users/yanex/)
 * (@yanex)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15323692)
 * Hi,
 * We can’t view your Share links. Your shared links are set as private.
 *  Thread Starter [crossfirecollect](https://wordpress.org/support/users/crossfirecollect/)
 * (@crossfirecollect)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15324177)
 * Hey Arreane,
 * Sorry that’s my bad, here are the pictures:
 * 1. [https://drive.google.com/file/d/1Vi54ZdeiMMmJf7-I_VrY7PVTFud6g3x9/view?usp=sharing](https://drive.google.com/file/d/1Vi54ZdeiMMmJf7-I_VrY7PVTFud6g3x9/view?usp=sharing)
   
   2. [https://drive.google.com/file/d/1PoXkBBqxvVc6I90tj7nqRQry8Afvr2G-/view?usp=sharing](https://drive.google.com/file/d/1PoXkBBqxvVc6I90tj7nqRQry8Afvr2G-/view?usp=sharing)
   3. [https://drive.google.com/file/d/1IJNWOWDytuRflqb7CVWCHklD33RbSEAM/view?usp=sharing](https://drive.google.com/file/d/1IJNWOWDytuRflqb7CVWCHklD33RbSEAM/view?usp=sharing)
 * Thanks, Ben
 *  [Arreane](https://wordpress.org/support/users/yanex/)
 * (@yanex)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15328637)
 * Hi Ben,
 * This happens when the images on your slide has different heights. The slideshow
   will use the height of your largest image.
 * You can fix this by making sure that all your images have the same sizes. This
   can be done by using the smart crop in the advance settings of your slideshow.
 * However, if you want to have a slider with responsive height according to the
   current active slide. You can add the following filter to your functions.php
 *     ```
       function metaslider_flex_params($options, $slider_id, $settings) { 
       	$options['smoothHeight'] = 'true';
       	return $options;
       } add_filter('metaslider_flex_slider_parameters', 'metaslider_flex_params', 10, 3);
       ```
   
 *  Thread Starter [crossfirecollect](https://wordpress.org/support/users/crossfirecollect/)
 * (@crossfirecollect)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15332159)
 * Hey Arreane,
 * I’ve checked and all of the images are the same size at 1920×1080. I also have
   smart crop on and it hasn’t changed. Ill try adding this filter, how do I add
   this?
 * Thanks, Ben
 *  [Arreane](https://wordpress.org/support/users/yanex/)
 * (@yanex)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15337258)
 * Hi,
 * If you check your screenshots, both of this clearly has different dimensions
   
   [https://drive.google.com/file/d/1Vi54ZdeiMMmJf7-I_VrY7PVTFud6g3x9/view](https://drive.google.com/file/d/1Vi54ZdeiMMmJf7-I_VrY7PVTFud6g3x9/view)
   [https://drive.google.com/file/d/1PoXkBBqxvVc6I90tj7nqRQry8Afvr2G-/view](https://drive.google.com/file/d/1PoXkBBqxvVc6I90tj7nqRQry8Afvr2G-/view)
 * If you enabled smart crop, both of these images will have the same sizes.
 * You can add the code snippet I provided in your theme’s functions.php file.
 *  Thread Starter [crossfirecollect](https://wordpress.org/support/users/crossfirecollect/)
 * (@crossfirecollect)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15339820)
 * Hey Arreane,
 * Thanks for your help. I checked and the images are all the same size, but I figured
   out to fix this particular issue I had to turn carousel mode off.
 * Thanks, Ben

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Phone View’ is closed to new replies.

 * ![](https://ps.w.org/ml-slider/assets/icon.svg?rev=3523572)
 * [Slider, Gallery, and Carousel by MetaSlider - Image Slider, Video Slider](https://wordpress.org/plugins/ml-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ml-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ml-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/ml-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ml-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ml-slider/reviews/)

## Tags

 * [Phone View](https://wordpress.org/support/topic-tag/phone-view/)

 * 6 replies
 * 2 participants
 * Last reply from: [crossfirecollect](https://wordpress.org/support/users/crossfirecollect/)
 * Last activity: [4 years, 3 months ago](https://wordpress.org/support/topic/phone-view/#post-15339820)
 * Status: resolved