Revolution Slider on Mobile

leeakers11 · May 2016

Hi, I've got 2 questions:

1. On my site http://willcrest.co.uk/ is there a way to reduce the white space on the page between the slider and the About Us text on the home page, when viewed on a mobile phone?

2. Is there a way I can make the header text for the individual Services on the page http://willcrest.co.uk/services/ appear on the centre line of the of the icon,. So with equal white space above and below the text in relation to the icon?

Many thanks.

Albert · May 2016

Hi,

1. As you can see on http://pasteboard.co/NyKwSTr.png it's top padding which you set for the section under the slider.

2. Would be great if you can show us on the screenshot how exactly you want do this so we can avoid confuse.

Thanks!

leeakers11 · May 2016

Hi,

1. Ah yes, I see that. How can I target it for mobile use only though? 100px is fine for a desktop screen, if I reduce it in the Section box it looks fine for mobile, but too close for desktop?

2. I just wondered if there was an easy way to get the text to sit roughly where the red line is on this image.

Thanks for the help.

Albert · May 2016

1. You must set class name for that section first. And if you set class name, you can use the following css to remove that padding on mobile:

@media only screen and (max-width: 767px) {
    .section.class-name { padding-top: 0 !important; }
}

2. To move that part of text, you can use the following css:

.list_item .list_right { padding-top: 15px !important; }

Revolution Slider on Mobile

Comments