How to display a minimal version of breadcrumbs on mobile?

  • Resolved wrip

    (@wrip)


    1 year, 5 months ago

    This is a normal breadcrumbs:

    Home > Vehicles > Cars > Servicing your car

    On a mobile version, I want to display it with a back to link instead of the full breadcrumbs.

    For example, if I am on the post, I would like to display:
    < Back to Cars

    If I am on the Cars category page:
    < Back to Vehicles

    If I am on the Vehicles category page:
    < Back to Home

    Is this doable?

Viewing 1 replies (of 1 total)
  • Plugin Author John Havlik

    (@mtekk)

    There should be a way of accomplishing this using CSS (which is a better way than generating different content for mobile vs desktop). There is a way to target the nth element in a structure, which should allow you to target the second-to-last item in the trail to display (and can modify the text/prepend text to the text). I’ll look at this a little more and see if I can come up with a CSS demo.

Viewing 1 replies (of 1 total)
  • The topic ‘How to display a minimal version of breadcrumbs on mobile?’ is closed to new replies.