[Resolved] How to hide the Title part in the Breadcrumb only for mobile devices

Home Forums Support How to hide the Title part in the Breadcrumb only for mobile devices

  • This topic has 3 replies, 2 voices, and was last updated 12 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1023478
    Slawomir

    Hello David,

    how can I hide breadcrumb’s title (Yoast) on mobile devices ONLY (screen-size <769px)?
    The breadcrumb’s are to long on the mobile devices.
    The function is realized exactly at Yoast-Blog:

    On mobile:
    Home >> Category1 >> Category2 >>
    <h1>Long-tail titel</h1>

    On Desktop:
    Home >> Category1 >> Category2 >> Long-tail titel
    <h1>Long-tail titel</h1>

    Thank you very much
    Slawomir

    #1023490
    David
    Staff
    Customer Support

    Hi there,

    this CSS will remove the last breadcrumb:

    @media(max-width: 768px) {
        .breadcrumb_last {
            display: none;
        }
    }

    What isn’t possible is to remove the last > from the trail

    #1023536
    Slawomir

    Thank you very much

    #1023540
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.