[Resolved] Woocommerce Product tabs

Home Forums Support [Resolved] Woocommerce Product tabs

Home Forums Support Woocommerce Product tabs

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1777218
    Jenny

    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

    #1777615
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to a product where i can see the issue?

    #1777650
    Jenny

    Hi David
    Link example below. I am trying to get the product tabs to display full width on a desktop screen. Thanks
    Jenny

    #1777698
    David
    Staff
    Customer Support

    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

    #1777752
    Jenny

    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

    #1778254
    Ying
    Staff
    Customer Support

    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.

    #1778309
    Jenny

    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

    #1778422
    Ying
    Staff
    Customer Support

    Give this a try:

    @media (min-width: 768px) {
        .woocommerce-tabs.wc-tabs-wrapper {
            margin-right: -100%;
        }
    }
    #1779523
    Jenny

    Thank you. Perfect!

    #1780638
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.