RankMath’s breadcrumbs font

#134677
  • I am using breadcrumbs with the help of RankMath, I just need to show small text for breadcrumbs only, how can I do that?

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.

    ​​​​​​

    and for mobile device?

    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.

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this ticket.