White space between slider in the banner row and the header row in the mobile and tablet layouts only

Hi,
I have an issue which I tried to resolve and did a lot of research for a solution in vain.
There is a white space between the top margin of the slider in the banner row and the header row in the mobile and tablet layouts only. In the mobile and tablet layout, I get: header row, white space, slider.
What I want is a slider flush aganist the header with logo/navigation menu.
Also the same white space is between the bottom margin of the slider in the banner row and the blue strip that has the identifying name of the corresponding page.
I have attached a screenshot from the mobile phone for your conveinece and provided the website link. https://www.mdpharma.ca

Thank you,
Consulting_MD_Phamra

Hi, set the row padding for responsive view to zero (medium device).
KB: https://kb.wpbeaverbuilder.com/article/413-change-individual-margin-and-padding-settings

Thank you for your reply!

Hi again, I did set the row padding for responsive view to zero (medium and small device) which got rid of the white space in the tablet view and the mobile view. There is a new issue though. If you go to the mobile website, you will find that the slides in the content slider move up and down. I read some threads which suggested that I have to upload images of equal heights to each slide in the content slider mobile site to avoid this issue. I did that yet still as the slides change, the page moves up and down, and white space from the backgroud shows as the page moves. Also some threads suggested setting a higher minimum height value. How do I do that? Much appreciated!
Thank you,
Consulting_MD_Phamra

I figured it out. Thanks a lot!