Problem if tabs shown in vertical order of theme

  • Resolved urka

    (@urka)


    3 years, 2 months ago

    Hello,

    I use TheGem theme and Custom Product Tab Pro but if I want to send something to support I got the message: License key is no longer valid for site. But license is valid!!

    In my theme I have the option to show the product information in vertical tabs. Because we have a lot of titles.
    After add some Custom Product Tabs to my product I saw that they are not start with content in one line on the top.

    Because the titles always will be the same and always in same order I add some css to my child theme to solve this.

    h2.yikes-custom-woo-tab-title {font-family:’Montserrat UltraLight’;color:#0d0e0e;font-size:24px;font-weight:400}
    h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-fitment {margin-top:-42px;}
    h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-instruction{margin-top:-102px;}
    h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-warranty-returns {margin-top:-11px;}
    table.woocommerce-product-attributes.shop_attributes {margin-top:-120px!important;}

    But unfortunately it doesn’t work if I have more content in a tab. How can I get it always to the top and not aligned somehow in the middle so that it always shifts depending on the length of the content.

    Tab FITMENT, INSTRUCTION, WARRANTY & RETURNS are made with Products Tab Pro. Because of those tabs ADDITIONAL INFO was also affected but this will have always same size.

    sample page where I have aligned the tabs
    https://jay-parts.us/shop/_vorlage_
    test with more content where it doesn’t work
    https://jay-parts.us/shop/test/

    Please help me to use your plugin with my theme so it works fine.
    Best regards
    Uschi

Viewing 1 replies (of 1 total)

  • Hi @urka,

    For premium-related questions, if you can’t open a support ticket, please fill out the following form: https://yikesplugins.com/about/contact/. We can’t answer premium questions here.

    As for the layout issues, that’s something that you need to handle using CSS in your theme. One thing I notice is that each tab (in this theme) is adjacent to one another, so you need to make sure the tab wrappers don’t have any additional margins or padding that might be interfering with the positioning. There is probably something flex-related going on.

    If you need additional help with styling your page, you’ll need to reach out to your theme developers or find a frontend developer to help you.

    Jon

Viewing 1 replies (of 1 total)
  • The topic ‘Problem if tabs shown in vertical order of theme’ is closed to new replies.