If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #11684

    I was wondering if anyboy else has noticed that if oyu use tabbed content in a product page, from the third tab onwards, the content box gets pushed further and further down. It does not happen anywhere else in the site, only when you use tabs in product pages.

    Can anybody help me with a solution for this problem please?

    Thank you so much for your time and patience.



    It seems that the tab content gets pushed down by another 21 pixels for every tab (but not for the first two tabs).

    Any ideas what would be causing this?



    Can you post a link to a page where this issue occurs?




    Hi Peter,

    Thank you for getting back, you can see what goes wrong on this page: http://www.tabithajk.co.uk/product/m-d-c-2/

    I’ve put a few extre tabs in , so you can see the consitancy in the problem, it starts happening from the third tab onwards.

    Thank you fo ryour time, love the theme, but would like to be able to use the tabbed content on the product page.

    Looking forward to your solution



    Hi Peter,

    Did you get a chance to have a look at the link I send earlier? What are your thoughts? I’ve been breaking my head on this for a few days now and I am completley stuck…

    Thank you



    Hi Dennes,

    Looking at your source code, I see there area extra <br> in the shortcode which I believe is contributing to the problem. If you will look through the shortcode and delete any extra spacing you have. You may find it necessary to switch to HTML view in order to do this.

    If this doesn’t work let us know.




    Hi Mya,

    I know about the extra
    tag, but it is not in the html of the product page – so must be added by the template?

    I have copied and pasted the same shortcode into a “normal” page and it works fine, no problems at all and the tabs all stay at the same level. I also notcie that the div container height seems to vary and change as you go through the tabs.

    I am really stuck as to what is casuing this, any other ideas?

    Thanks for your suggestion though




    Hi Dennes,

    I just tried to replicate the issue but didn’t have any problems. It might be a conflict with one of your plugins and the javascript that handles the tabbed content. Try disabling any plugins you have running besides woo commerce and then testing the page again.




    Hi Devin, thank you for your idea, I have tried what you suggested, but to no avail. All plugins bar the woocommerce disabled and still have the same problem. Do you think it could have something to do with the image/size?

    I have however tried using the woocommerce native tab code and that is working fine, so might consider using that instead, however it does not look quite the same… :(

    Let me know if you have any other suggestions and I will keep trying other solutions as well.




    The only other thing I can think of is that your theme files may need to be re-loaded onto the server. If you have not done any customization to the core files you can just re-upload on top of the theme. Just make sure to save the custom.css file so you can re-load any of your own css again after.


    Hi Devin, I have just tried a “clean” install and the problem seems to have been solved that way! I’m still not sure what casued it in the first place as I had not altered any of the code/templates. Thank you very much everybody for your support. Well appreciated.




    Glad that we could help you :)



Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Misalignment when using Tabbed Content in product page’ is closed to new replies.