Viewing 8 replies - 1 through 8 (of 8 total)
  • Hello,

    You need to add code in the site custom CSS/JS option.

    Go to customize > custom CSS/JS and paste the following code.

    @media only screen and (max-width: 767px)
    .site-breadcrumbs {
        display: block;
    }
    Thread Starter fannyrm

    (@fannyrm)

    Thank you for your prompt response ! unfortunately, when I copy the code, I have error message : “Expected LBRACE at Line 2, col 1.”

    Please update the code.

    Add this one

    @media only screen and (max-width: 767px) {
    .site-breadcrumbs {
        display: block;
    }
    }
    Thread Starter fannyrm

    (@fannyrm)

    Great, it works, thank you very much !!

    Thread Starter fannyrm

    (@fannyrm)

    I have one last question, I just noticed that on some pages the breadcrumb is too long and it is cut … is there a solution?
    thanks again

    Hello,

    You need to add two more line in the code. Please update the code with this one to show full breadcrumbs

    @media only screen and (max-width: 767px) {
    .site-breadcrumbs {
        display: block;
        white-space: unset;
        overflow:visible;
    }
    }
    Thread Starter fannyrm

    (@fannyrm)

    it works, thanks for all !!

    You’re welcome 😃

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

The topic ‘Breadcrumb’ is closed to new replies.