Revolution Slider on Mobile

leeakers11

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

leeakers11

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next