• Resolved svenjaplaten

    (@svenjaplaten)


    On our website, the breadcrumb is not displayed correctly in responsive mode. When it becomes double-spaced, the breadcrumb loses padding on the left and slides quite a bit to the left. This should be flush with the 1st line.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support saadali2905

    (@saadali2905)

    Hi svenjaplaten,

    Thanks for writing to us.

    We have noted down the issue and we will fix it in the new release of “Flexy Breadcrumb”.

    Kindly replace the following CSS in the following path to fix the issue.

    CSS:

    .fbc-page .fbc-wrap .fbc-items li:first-child {

    1. border-radius: 4px?0 0?4px;
    2. padding-right: 0px;

    }

    Path : flexy-breadcrumb/public/css/flexy-breadcrumb-public.css.

    Regards

    Thread Starter svenjaplaten

    (@svenjaplaten)

    Dear customer service,

    thanks for your message!

    Your solution will make both lines start at the same point, but the column is loosing its padding on the left so that the bradcrumb is not in line with the other content (see attached)

    Best regards

    Svenja

    https://www.label-software.de/wp-content/uploads/2023/01/padding_breadcrumb.pdf

    Plugin Support saadali2905

    (@saadali2905)

    Hi svenjaplaten,

    Thanks for writing to us.

    We have noted down the issue and we will fix it in the new release of “Flexy Breadcrumb”.

    Kindly replace the following CSS in the following path to fix the issue.

    CSS:

    @media (max-width: 768px)
    .fbc-page .fbc-wrap .fbc-items {
    padding: 0px 23px;

    }

    @media (max-width: 768px) .fbc-page .fbc-wrap .fbc-items li:first-child{
    padding-left: 0px;
    }

    Path : flexy-breadcrumb/public/css/flexy-breadcrumb-public.css.

    Regards

    Thread Starter svenjaplaten

    (@svenjaplaten)

    Hi!
    Unfortunately the problem is not solved (see image).

    Best regards
    Svenja

    https://www.label-software.de/wp-content/uploads/2023/01/IMG_2940.png

    Plugin Support saadali2905

    (@saadali2905)

    Hi Svenja,

    We are working on it and we will update you accordingly.

    Feel free to contact us for any further assistance.

    Regards

    Plugin Support saadali2905

    (@saadali2905)

    Hi Svenja,

    Hope you are well.

    We have tested the CSS that we told you to replace and it’s working fine. We have attached a screenshot link for your reference.
    Link: https://snipboard.io/5bmKyl.jpg

    Kindly check if you replace the CSS code correctly.

    Feel free to contact us for any further assistance.

    Regards

    Thread Starter svenjaplaten

    (@svenjaplaten)

    Hey,

    we put into custom CSS the following Code. We had changed it a bit because the one your sent was not correct according to wordpress. Moreover in your screenshot the padding is still not the same. The first line to not start at the same point than line second 2 and 3, maybe 1 px earlier.

    @media (max-width: 768px)
    { .fbc-page .fbc-wrap .fbc-items {padding: 0px 23px;}
    }

    @media (max-width: 768px)
    { .fbc-page .fbc-wrap .fbc-items li:first-child{padding-left: 0px;}
    }

    Plugin Support saadali2905

    (@saadali2905)

    Hi Svenjan,

    Kindly let us know if your issue has been resolved with the changing that you have made. Kindly share with us the changing so that we can look into this and fix it in our new release.

    Feel free to contact us for any further assistance.

    Regards

    Thread Starter svenjaplaten

    (@svenjaplaten)

    Hey,

    not the problem is still there altough I put in your code.

    Best regards

    Svenja

    Plugin Support saadali2905

    (@saadali2905)

    Hi Svenjan,

    Kindly contact us on our support at [email protected] so that we can diagnose the issue more efficiently.

    Feel free to contact us for any further assistance.

    Regards

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Breadcrumb Responsive double-spaced’ is closed to new replies.