I want to make product detail tab vertical instead of horizontal.

enter image description here

  • I think you can do it with CSS
    – Neha Raval
    Apr 9, 2017 at 17:27
  • 2
    I'm voting to close this question as off-topic because This requirement can be done by css. Mar 28, 2019 at 9:58

1 Answer 1


Something like the following css should give you a good starting point, you will need to change paddings/borders also to make it pretty though.

.catalog-product-view .product.data.items > .item.title { float: none; }
.catalog-product-view .product.data.items > .item.content { float: none; margin-left: 0; }
  • Is it possible to close all tabs by default? @siux Jan 24, 2020 at 14:00
  • @RamalakshmiT it should be possible, i don't have a solution at hand though. the simplest, but dirty answer would be to add some js that closes the first tab with a fake click.
    – siux
    Jan 29, 2020 at 9:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.