Missing Bread Crumbs – Mobile

  • bigbankclub

    (@bigbankclub)


    6 months ago

    Not sure what’s the miss in this theme, but the breadcrumbs are not visible in mobile.

    Whats the solution?

Viewing 3 replies - 1 through 3 (of 3 total)
  • r1k0

    (@r1k0)

    6 months ago

    Hi @bigbankclub,

    This is an expected behavior of the breadcrumbs on smaller screen devices (phones and tablets). As it is currently set to:

    @media screen and (max-width: 768px) {
        .is-hidden-mobile {
            display: none !important;
        }
    }

    This code hides the breadcrumbs on smaller screen devices. To override this style, add the code below to Additional CSS. Follow the steps below to make the changes:

    • On your dashboard, head over to Appearance > Customize.
    • Scroll down and click the Additional CSS option.
    • In the input box add this code:
    @media screen and (max-width: 768px) {
        .breadcrumb.is-hidden-mobile {
            display: block !important;
        }
    }

    I have used two classes .breadcrumbs and .is-hidden-mobile to make sure that it overrides the styling made by the theme.
    This should make the breadcrumbs visible now.

    Hope this helps.

    DmtLo

    (@lobov)

    6 months ago

    So this is the right solution for activating breadcrumbs on mobile devices

    
@media screen and (max-width: 768px) {
    .breadcrumb.is-hidden-mobile {
        display: block !important;
    }
}
    Thread Starter bigbankclub

    (@bigbankclub)

    6 months ago

    Thank you, I see the 2 class’s created – I will work with this. As I’m adding some tweaks to this theme on my end. Thank you

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

The topic ‘Missing Bread Crumbs – Mobile’ is closed to new replies.