Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 1000px) {
.woocommerce .woocommerce-breadcrumb {
display: inline-table;
}
}
Hi!
I'm having a problem with the breadcrumb on the mobile devices, it's looking like you can see in the image in the attachment.
How can I fix this?
Thank you!
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 1000px) { .woocommerce .woocommerce-breadcrumb { display: inline-table; } }Thanks
ThemeNectar Support Team
That was quick and it worked perfectly, thanks!