Hello,
Thank you for contacting Rank Math support today and bringing your concern to our attention.
The aligning of the texts was hindered by the paragraph element inside Rank Math’s breadcrumbs.
You can create a CSS rule to eliminate the extra margin from that paragraph element. Kindly refer to this CSS code:
.rank-math-breadcrumb{
margin-top: auto !important;
margin-bottom: auto !important;
}
Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.
Thanks, I put margin top rule in the CSS and it’s not over riding. Worst case I’ll just not use breadcrumbs, but I do wish I could get to line up.
Hi can you just tell me where to find the file that has the paragraph element so I can delete it?
Ah, figured it out. Instead of breadcrumbs, just use p.
Hello,
Thank you for your patience.
I’ve checked your staging site URL, and the Rank Math breadcrumbs are already displaying with the CSS added from my colleague’s reply.
Let us know if you still need assistance with your concern.
Looking forward to helping you.
Thank you.
Hello,
Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.
If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.
Thank you.