Hello,

Please add this code into your custom css box:

.page_parents li:last-child {
    width: 50%;
    margin-right: -60px;
}
.header_page.normal h1 {
    width: 50%;
    line-height: 30px;
    padding-top: 11px;
}

Result screenshot.

Best regards!

I have a similar issue – but I’m using the breadcrumbs under the page title.  When shrink to the mobile version, it simply drops all but the left-most two linked pages….  Any way of making this more elegant?

Example here:  “Personal Growth” just drops off (i.e. overlow = hidden; but I don’t know how to change without having scroll bars – I’d be happy to have just a thicker breadcrumb bar when it needs it….

https://greatnessu.com/curriculum/personal-growth/

Hello,

@ryanstrom,

Please try to add this code into your custom css box:

 @media (max-width: 480px){
.breadcrumbss.full_bar .page_parents li {
    padding: 0 14px;
}}

Let us now.

Best regards!