Hello,
Thank you for contacting Rank Math today.
You can change your breadcrumbs’ font size by adding the CSS code below into your theme customizer or additional css options.
Feel free to alter the value 15px
based on the size of the font you preferred:
.rank-math-breadcrumb{
font-size:15px;
}
We hope this resolves your issue. Let us know if you need further help.
Thank you.
Hello,
For mobile devices, you can add this CSS code:
@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
.rank-math-breadcrumb{
font-size:15px;
}
}
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */
.rank-math-breadcrumb{
font-size:20px;
}
}
Additionally, please refer to this article if you’d like to know how to target specific device:
https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile and add other media queries you want.