Breadcrumbs position on single product page — WoodMart 8.3.3

Hi, Xtemos’s team.

I’m using WoodMart 8.3.3 and I need help moving the breadcrumbs on single product pages.

Current situation:
– Breadcrumbs are rendering inside div.summary-inner, within the right column of the product layout (alongside the title, price and add to cart button)
– I want them to appear above the full product block (above both the image column and the summary column), spanning the full width

What I have already checked:
– “Show breadcrumbs” is set to YES in WoodMart → Theme settings → Page title
– There is no active builder template for single product pages
– The flex container for the product layout appears to be div.product-image-summary-inner.wd-grid-g, which uses inline CSS variables for its column system (–wd-col-lg-6, –wd-col-md-6, etc.)

I add a picture.

My question: is there a native option in WoodMart 7.5.3 to reposition the breadcrumbs above the product layout? If not, what is the correct and safe CSS or code snippet to achieve this without breaking the grid system?

Thank you.

Best regards.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Single Product > Elements > Breadcrumbs & Products navigation > Set positions for the breadcrumbs section on your product’s page to “Below Header”
https://postimg.cc/Czc2vF8D

Best Regards

Hi Aizaz,

Thank you! That worked perfectly. Problem solved in less than a minute.

Best regards.

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts