Horizontal scroll on Mobile with Rankmath

This topic has 5 replies, 2 voices, and was last updated 4 hours, 3 minutes ago by Luke Nielsen.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 12, 2025 at 6:07 am #637340
scholtobos
Participant
Hi,

I replaced the standard breadcrumb by overriding breadcrumb.php in the woodmart child theme with the Rankmath breadcrumb.

Most important function part is:
```
<em>if ( function_exists('rank_math_the_breadcrumbs') ) {
	rank_math_the_breadcrumbs();
	return;
}</em>
```
Everything is working well except for horzitontal scrolling on mobile devices.

For example, with your standard settings hor-scroll is working on your demo pages:
https://snipboard.io/AwHT1z.jpg

By replacing the standard function with the rankmath breadcrumb the horizontal scrollbar is disappeared:
https://snipboard.io/GTK9nr.jpg

Could you please advise or help me out?

Thanks in advance, Scholto
- This topic was modified 15 hours, 22 minutes ago by scholtobos.
- This topic was modified 15 hours, 21 minutes ago by scholtobos.
February 12, 2025 at 3:27 pm #637528

Luke Nielsen
Keymaster

Hello,

Did you try to add the same CSS classes to your updated breadcrumbs?

Thank you for your time.

Kind Regards

February 12, 2025 at 3:30 pm #637529

scholtobos
Participant

No, what are these classes?

February 12, 2025 at 4:53 pm #637569
Luke Nielsen
Keymaster
Hello,

Just add the code below in Theme Settings -> Custom CSS.
```
.rank-math-breadcrumb {
    overflow-x: auto;
}
```
https://prnt.sc/SpNzMV-K4xEg

Clear the cache and check how it works.

Kind Regards
February 12, 2025 at 5:18 pm #637575

scholtobos
Participant

great, works like a charm. you can close the ticket.

February 12, 2025 at 5:27 pm #637577

Luke Nielsen
Keymaster

Hello,

In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards
Author

Posts