Remove padding above layer slider

[billy.rooney]

Hi,

The support site seems to be down at the moment, but I have a question. I have a layer slider at the top of a page, how do I remove the padding above the layer slider, between the slider and the nav bar? And also to remove the padding beneath the layer slider.

Thanks a million!

[matt]

Hey Billy,

Can you send us a link to the site that you’re working on? That way we can offer you a tailored response.

Thanks!

[billy.rooney]

Sure, it’s www.lovelivinglong.com

[Prasant]

Hello Billy,

Thanks for sharing website URL. Please add following CSS to remove spacing between slider and navigation bar:

.x-text.ls-direction-fix.ls-overflow-visible p:first-child {
    display: none;
}

Thanks.

[billy.rooney]

Hi Guys,

Thanks a million for sending on that code. It works great on the home page, but not on all the other pages (which all have layer slider at the top of the page). Would you have some CSS that removes the padding above the slider globally?

Thanks a million,

billy.

[thai]

Hi There,

Please also add this CSS:

.page-template #x-section-1 {
    padding-top: 0 !important;
}

Hope it helps

[billy.rooney]

It worked a treat! Thank you so much!

[Prasant]

You are most welcome.