I want to make product detail tab vertical instead of horizontal.
asked Apr 9, 2017 at 10:43
-
I think you can do it with CSS– Neha RavalApr 9, 2017 at 17:27
-
2I'm voting to close this question as off-topic because This requirement can be done by css.– Teja Bhagavan KolleparaMar 28, 2019 at 9:58
Add a comment
|
1 Answer
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; }
-
-
@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.– siuxJan 29, 2020 at 9:52