Archived topic
Woocommerce Product tabs
9 replies · Started by Jenny on May 13, 2021
Hello
I have checked your documentation but am struggling to make my woocommerce product tabs to be full width on the page (as shown in your layout documentation example). Please can you help me with this.
Thank you
Jenny
Hi there,
can you share a link to a product where i can see the issue?
Hi David
Link example below. I am trying to get the product tabs to display full width on a desktop screen. Thanks
Jenny
Did you install any sites from the Library ? Such as Niche ?
If so or if not :) - can you disable Autoptimize so i can find the problem
Hi David
I am sorry but I honestly can't remember as I set this site up a while ago. I have disabled autoptimize in the staging site below.
Thanks for your help.
Jenny
Hi Jenny,
The CSS you added here is what causing the current layout:
https://www.screencast.com/t/f4N4OIezoaW
You'll need to modify the CSS a bit.
Let me know if you need further assistance.
Hi Thanks so much for your help. Can you tell me the correct CSS for tabs to expand full width as I have tried to change it but with no success. See link below.
Jenny
Give this a try:
@media (min-width: 768px) {
.woocommerce-tabs.wc-tabs-wrapper {
margin-right: -100%;
}
}
Thank you. Perfect!
No problem :)