How to reduce Unusual space after Breadcrumbs?

Hi there,

Try adding this CSS:

nav.rank-math-breadcrumb p {
    margin-bottom: 0;
}

Here's how to add CSS - https://docs.generatepress.com/article/adding-css/

Another Wise man replied " the issue fixed "

Also, he wishes to share thanks.

No problem. Glad you got it sorted. :)

What if, My breadcrumbs are created by Yoast?

Then we'll write another CSS for it, and we have to see the live site.

Let me know if you need help.

Here is my site...

Now it's using Yoast...

Let me know the code for Yoast.

Thanks.

Try this:

p#breadcrumbs {
    margin-bottom: 0;
    padding-bottom: 5px;
}

That worked...

I need to change one more thing in the Breadcrumbs...

The post title is visible in Breadcrumbs... normally it should be...

But, There is My main Title also shows in big size...

How can I hide the post title from Breadcrumbs...?

How can I hide the post title from Breadcrumbs…?

You can hide it with this CSS:

span.breadcrumb_last {
    display: none;
}

but I'm not sure this is best practice for rankmath breadcrumbs.

You should try this instead:
https://rankmath.com/kb/general-settings/#hide-post-title