Quick view of next product page cut off in mobile view

hello, I hope you’re having a great day..
I have a question, in single page product of mobile view you have the option to go to the next product by the little squares next to the breadcrumbs (with a quick view), but when I have more than 3 breadcrumbs the Icon for change the product (the little squares for go to the next product), It’s located to the left of the mobile view, and the quick view it’s cut off due the breadcrubs
check this picture for clarification
It only happens when a product have more than three breadcrumbs (the quick view of the next product moves from the right to the left), or display of mobile view is small, because when There are fews breadbrumbs the quick view of the next product it’s located on the right and there is no problem.
https://snipboard.io/qVTB3r.jpg
How can I solve this problem?

Regards..

Hello,

I saw the screenshots you attached.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.single-product .woocommerce-breadcrumb a {
margin-right: 0px;
}
.single-product .woocommerce-breadcrumb a:after {
margin-left: 0;
}
.single-product .single-breadcrumbs-wrapper .woocommerce-breadcrumb, .single-breadcrumbs-wrapper .yoast-breadcrumb {
font-size: 11px;
}

Best Regards.

thanks It works reducing the text and fitting the quick view..

regards..

Most Welcome!!!

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts