Remove line above category in pages

Hello,

I’m using Elementor page builder to make my site’s homepage.

My problem is I’m trying to bring the main image up near the site name. But, to do I need to get rid of the big category that’s just below the site name.

I use the css code you provided here in the thread but that still leaves a line (divider) and an extra space. So the space between the site name and banner image is quite big.

I attached a snippet of the section to hopefully illustrate what I’m trying to say.

Hi @elgee,

I hope you are well today and thank you for your question.

Could you please share me the page URL from your site where it is displaying so that i can help you to remove it?

Best Regards,
Movin

Thanks for the quick reply.

Here’s the URL: http://www.pet-peeves.org/test-3/

I’m hoping to remove the line and the space below the line so that the main image goes up to the level of the line.That way the site name isn’t too far from the image.

You can remove it by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

#masthead #line {
    display: none;
}
.container.main-content-area {
    margin-top: 0;
}

Great! Thanks!

You are most welcome here :slight_smile: