[smakbar51]

How can I reduce white space between home page slider and text below. This is specially large on android phones.
Website is asianqa.com

[smakbar51]

Can you please respond to this! The white space is there when we use the revolution slider on home page or as a widget.

[Theme Horse Support Team]

Hi @smakbar51,

Login to your dashboard and just go to Appearance > Customize > Design Options > Custom CSS and paste below custom CSS code to reduce the white space between ‘Homepage Slider’ and ‘Text’ below.

#main {
    padding-top: 10px;
}
@media only screen and (max-width: 767px){
	#main {
		padding-top: 10px;
	}
}

Thank you!

[smakbar51]

Hi this reduced the laptop white space. However, the android phone white space did not change. Please provide CSS Code for phone viewing also.

[Theme Horse Support Team]

Hello Smakbar51,

We have corrected the previous custom CSS code please use it and let us know.

Thank you!

[smakbar51]

Hello, the new code did not correct the white space issue on mobile android phones. Please check website is asianqa.com

[smakbar51]

White space issue is more pronounced when display is in portrait view of android phone.

The extra white space issue is also there when slider is used as a widget. The space below slider and text is too much.

Same excessive white space issue appears on a ipad when it is in portrait view between Revolution slider and text below.

Website is asianqa.com

[smakbar51]

Hello can you please respond to the previous posts here.

[Theme Horse Support Team]

Hi there,

It seems that you have set the fixed height to all the devices via Revolution slider settings. Just see this tutorial video to set the different height for different devices.

Thank you!

[smakbar51]

Thank you, the issue is fixed now. It was the slider revolution size problem.

[Theme Horse Support Team]

Great! If you have any problem then do not hesitate to contact us.

Thank you!

[Author]

Posts