Image Slider padding/margin issue on mobile devices only

My website for mobile devices is showing a blank space above and below image slider, I’ve set margin and padding to 0px on image slider and also using CSS but it worked for my desktop website version only. please advise. thanks.

What I’ve tried to get this fixed:
several CSS coding, replacing slider images, delete/recreate image slider, adding a image slider for medium and small devices only, negative padding/margins.

website: https://hamakomtech.com

Menu
BLANK SPACE
BB Image Slider
BLANK SPACE

Hey Miguel,

Have you tried playing around with the height of the slider via the module’s settings? Reducing the height should take care of it.

Ben

I’ve reduced its height from 100px to 50px with same results.
Row settings set to full width, content fixed [full width with same results], all margins and padding to 0px
This image slider is set to show on medium and small devices only, No Crop, All margins 0px.

Hi Miquel,

Can you provide temp admin access, please? So we can take a closer look. Also, can you provide a screenshot of your initial issue without your CSS fixes, please.

Thanks,
Danny

[Content Hidden]

Hi Miquel,

Are you currently having some issues, as your homepage is a white screen? Are you aware of this and if not, can you set WP_DEBUG to true in your wp-config.php file. So we can see what the error is.

Is your homepage where you’re having the margin/padding issue or is it on a different page.

Thanks,
Danny

Website is up and running, looks like you are being blocked to browse my website by iQ Block Country plugin. Let me have your IP address so I can grant you access.

[Content Hidden]

Sorry for jumping in on someones thread, but i am having the same issue. I have an image on the home page for large and medium devices and one for small devices. On the phone is has really large spacing. All the padding and margins are set at 0. Here is the link: http://www.intuitivemedicalhealer.com/

Thanks!

your IP address has been white listed, please check website again.

@Kendra

The module is doing exactly what is should be doing. You have set a height and that is why you have white space above and below. As the image shrinks to be responsive, but the height remains the same.

You will need to either use the crop option or use a different module.

@Miguel

I believe your issue is caused by the size of your image. For the mobile only module, you will want to use a reduced sized image.

Thanks,
Danny

@danny Even if i set the height to be 25px, there is still the same amount of white space. If I set it to that small shouldn’t that white space go away?

Hey guys,

Actually, that’s how the Slideshow module’s logic works. Can you try the suggestion I have below(using a Content Slider module instead) and see if it’s what you’re looking for?
http://forum.wpbeaverbuilder.com/support/q/responsive-slideshow/#post-110256

Ben