Disable the breadcrumbs on mobile website

This topic has 4 replies, 2 voices, and was last updated 9 months, 1 weeks ago ago by Tony Rodriguez

  • Avatar: martijntje
    martijntje
    Participant
    February 13, 2024 at 17:58

    Hello there,

    Is it possible to disable the breadcrumbs on mobile?

    Regards,

    Martin

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 14, 2024 at 06:38

    Hello, @martijntje,

    Thank you for contacting us and for using XStore.

    We confirm that it is feasible to disable the breadcrumb navigation on mobile devices. In order to proceed with your request, we kindly ask that you provide us with the URL of the page from which you wish to remove the breadcrumbs. This will enable us to examine the specific case and furnish you with the appropriate custom CSS code to achieve the desired result on mobile devices exclusively.

    We appreciate your cooperation in this matter.

    Warm regards,
    The 8Theme Team

    Avatar: martijntje
    martijntje
    Participant
    February 14, 2024 at 09:38

    Hello,

    Example attached.

    Regards,

    Martijn

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 14, 2024 at 10:01

    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

    Files is visible for topic creator and
    support staff only.
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.