How to remove Yoast Breadcumb from mobile

Sparkling
1

Dear Sparkling developer,

how are you? I hope everything is going well.

I added the Yoast breadcumbs in my theme with the following code into single.php file:

<?php if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>

Now I would like to remove the breadcumbs from mobile version of my website.
I tried to add the following code into style.css file but unfortunately it doesn’t work properly.

@media only screen and (max-width: 767px) { .breadcrumb { display: none !important; } }

2

Hi @coseperlacasa,

I hope you are well today and thank you for your question.

To achieve this try changing your Yoast code as following.


<?php if ( ! wp_is_mobile() &&  function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>

Best Regards,
Vinod Dalvi