- This topic has 9 replies, 2 voices, and was last updated 4 years, 1 month ago by
.
Hi support,
We are having issues with the mobile responsiveness of the revolution slider. Please see the attached screenshots. We would like to remove the extra black space around the slider in the mobile version. We tried reducing the slider height in the layout settings for mobile but it just chopped the image a bit.
Could you help us make this look good?
Best Regards,
German
Hi German,
I hope you are well today and thank you for your question.
I tried to Visit your shared website to troubleshoot it but I am getting an error as shown in the attached screenshot.
Could you please make sure that the website is accessible so that I can help you?
I am accessing the website from India.
Best regards,
Shufflehound teamHi support, thank you for letting us know. I’ve spoken with my webmaster and he asked if you could provide your IP address so he can whitelist it and allow the site to appear for you.
Could you please provide it?
Best Regards,
German
It is 171.50.239.246
Hi support thank you, our webmaster has white listed the IP address so you should have access to the sites. Could you help us with the slider?
You can remove that space by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#content > .vc_row.wpb_row.vc_custom_1531046464477.vc_row_1636243301 { min-height: 0 !important; }Hi support, thank you for your help. I also wanted to ask if there is a way to make the adjustment using the settings on the Revolution Slider?
Best Regards,
German
I don’t think slider revolution has any setting for it but you may find a setting for it in the WPbakery page builder row that contains the slider.
Ok thank you we were able to get rid of the black space by unchecking the setting in the wpbakery builder row “full height row”.
Is there a setting (on revolution slider or wpbakery builder) to make sure the image doesn’t get cut off on mobile? (it looks great on desktop and laptop, it is on mobile that it cuts off the image. see image attached)
You can try achieving it by configuring the slider for mobile as described on the below pages.
https://support.stylemixthemes.com/revolution-slider-responsive-settings
https://themes.zone/docs/how-to-make-slider-revolution-responsive/
