Breadcrumbs on two separate lines

  • davidrb

    (@davidrb)


    8 years, 10 months ago

    I’ve installed breadcrumbs navxt and am displaying it on separate pages as a widget in a sidebar using the widget element on layout builder. It shows all of the correct elements, but the the layout of it is split strangely over two lines as below:

    Home > > Current Page
    Parent Page

    Obviously how I would like it to display is as below:

    Home > Parent Page > Current Page

    Thanks very much in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter davidrb

    (@davidrb)

    8 years, 10 months ago

    I’ve realised I can get it to display correctly if I remove the links, it’s only when they’re linked that they move down to a new line. How would I retain the links while also retaining the correct display?

    Plugin Author John Havlik

    (@mtekk)

    8 years, 10 months ago

    This sounds like something that can be fixed using a little CSS. Typically, what you will want to do is use your browser’s built in inspector and modify the styles applied to the div that is surrounding the breadcrumb trail. Likely, this is something like a float, or something else that is causing you grief. You can try using something like white-space: nowrap; for the breadcrumb trail. Your browser inspector will allow you to apply this temporarily to determine the exact location to apply this to before adding it to your theme’s (or child theme’s) style.css.

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

The topic ‘Breadcrumbs on two separate lines’ is closed to new replies.