Hello, @martijntje,
Thank you for your response.
We would like to provide you with the necessary CSS code to remove the breadcrumbs on mobile devices for your website. Kindly follow the steps outlined below to implement the changes:
1. Navigate to the “XStore” section in your website’s admin panel.
2. Proceed to “Theme Options.”
3. Click on “Theme Custom CSS.”
4. Select the “Global CSS” area.
Please copy the following CSS code and paste it into the Global CSS section:
@media only screen and (max-width: 767px) {
.page-heading.bc-type-left2.bc-effect-mouse.bc-color-dark {
display: none !important;
}
}
After applying the code, the breadcrumbs should no longer be visible on mobile devices. We have attached a screenshot for your reference to ensure the desired outcome is achieved.
Should you require any further assistance or have any questions, please do not hesitate to reach out to us.
We appreciate your attention to this matter and look forward to your confirmation of the changes.
Best regards,
The 8Theme Team















