Breadcrumb is hidden when its in mobile view and make huge white space
-
Hi,
I need your help.
I have set the header title section of shop / categoy pages like as:
-No title is shown
– header space: small
– use promo-banner for title section.
View of desktop is fine, but it becomes mobile and tablet, the breadcrumb is hidden and make a huse space. I want to show the breadcrumb correctly in tablet and mobile.
Please advice.
Thanks in advance
Attachments:
You must be
logged in to view attached files.
Hi,
Please, provide us your admin access so we can check it.
Regards
Hi,
Please refer the private contents section.
I wonder I need to add display inline or block for breadcrumbs?
Thank you for your help!
Hello,
Try to add this code to Custom CSS for mobile devices area in Theme Settings to fix this issue
.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .woocommerce-breadcrumb {
width:100%!important;
}
Regards
Hi,
Thank you for your help.
After I pasted your code, the issue is resloved.
Please close the case.
Thank you
.
