How to insert the breadcrumbs also in the mobile version: porfolio and other pages

martinaofficial

Hello, I noticed that I can not see the breadcrumbs in the mobile pages: here is the desktop:

Here is the mobile version:

Can you please help me implement them in the mobile version too? Or show me a way to insert a sort of a list of previous pages?

This breadcrumbs problem happen to all pages, how can I adjust it?

Thank you

martinaofficial

www.maelleapp.com

Phil

Hi,

Please, put the CSS code from below to Betheme -> Theme options -> Custom CSS & JS -> CSS.

@media only screen and (max-width: 767px){
   #Subheader ul.breadcrumbs {
   display: block!important;
 }
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

martinaofficial

THANK YOU! it worked!

there is a way in the code to put every different page in a different row:

like here I can see that HOME - CASE STUDIES are on the same row.

thank you

Phil

Change the previous CSS code to the following one:

@media only screen and (max-width: 767px){
   #Subheader ul.breadcrumbs {
   display: block!important;
 }
   #Subheader ul.breadcrumbs li{

      display: block!important;

   }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

martinaofficial

Great thank you!

another thing:

I see the catefories pages here: womenswear, accessories etc:

but the page ACCESSORIES or WOMENSWEAR or any other categories, ar enot pages that I want to create. they should not be clickable. it is just to make clear that this is the category for the user.

in fact, these pages do not exist:

Can I please know how to change it?

If it is not possible, can I delete this word CATEGORY from the breadcrumbs?

Thank you so much!!!!! You all are a great team support!

Phil

I think it would be possible to make these links not clickable but to check that, I will need a link to this page.

Please, send this link, and I will take a look.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next