Breadcrumbs on Smartphone

smedia34 · July 2020

How can i turn on Breadcrumbs on Smartphones and Tablets?

Pablo · July 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
thanks

smedia34 · July 2020

https://digital.tollewebseite.eu/

Pablo · July 2020

As I see, it's working fine on mobile now.

Did you solve the problem?

thanks

smedia34 · July 2020

I marked on the picture, it wants to have visible in responsive view.

www.imgur.com/a/6CYBo8O

Pablo · July 2020

Please paste that CSS code into Theme Options > Custom CSS & JS > CSS

.breadcrumbs{display: block !important;}

thanks

smedia34 · July 2020

Thanks

thinknew · July 2020

Hi,

I have been following this thread too as I'm having the same issue here:

https://dev.nzlc.ac.nz/qualification-type-2/

The breadcrumbs are showing on the desktop but not on the mobile view (even with the css above added to the theme options custom css)

I have got the header builder activated and wonder if this is what is contributing towards the problem... Are breadcrumbs not an option we can drag and drop into the header builder? I cannot see how to do this if they are!

Any other guidance would be appreciated

Many Thanks

Matt

Pablo · July 2020

thinknew,

Please use this CSS code:

#Subheader{display:block !important;}

Thanks

thinknew · July 2020

Hey @Pablo. Thanks for getting back to me

The code does not help with the moblie responsiveness. You see the breadcrumbs show on the desktop site with no problem (which is what the above css is addressing)

The trouble is @media screen only and max width 767px This is where the breadcrumbs do not display.

The Image below shows what happens when the header builder is activated (No Breadcumbs)

https://bit.ly/30sOrXv

If I Disable The Header Builder then the Breadcrumbs display: (Same CSS)

https://bit.ly/2CuvSKk

Therefore the problem is not with the css in general - the problem is with the header builder causing the breadcrumbs not to show on a mobile device

Therefore the question should be updated to :

How do we display breadcrumbs on a mobile device when the header builder is activated?

Hope this makes more sense?

Many Thanks

Matt

Pablo · July 2020

But, that CSS code I sent is enabling it on mobile too:

https://prnt.sc/tlqdno

Did you provide the code in the Theme Options > Custom CSS & JS > CSS?

Remember, to clear the browser's cache.

thanks

Breadcrumbs on Smartphone

Comments