Remove the padding between menu bar and slider

Hi, I really like your work, amazing themes

I’ve set up the slider on the homepage and there appears to be an area of padding between the menu bar and the slider, can you point me in the right direction to remove this please.

Also can you give me the code to use the heart hr on the homepage

Cheers in advance

I would like to know exactly the same thing.
Hopefully someone can help us out with this.
I tried changing the padding in bootstrap.min.css but that changed the layout of every page and not every page needs the padding…

If you use this slider one in your website then you can use this CSS by adding it to Theme Options - Other - Custom CSS

.carousel {
    margin-top: -20px;

If you use it several times then you might want to use some more specific selector for that page.

To add heart icon on front page you can use either Easy Bootstrap Shortcodes or just add this code inside your post content as HTML <hr class=“section-divider”></hr>

Thank you very much!
That’s exactly what did it for me. for some reason I had to use 30px, but still, it’s perfect.

Thank you!