April 22, 2012 at 8:52 pm #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.
DennesApril 22, 2012 at 9:47 pm #72645
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?April 23, 2012 at 6:03 am #72646April 23, 2012 at 6:19 am #72647
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
DennesApril 23, 2012 at 8:51 pm #72648
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…
DennesApril 24, 2012 at 12:32 am #72649
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.
MyaApril 24, 2012 at 7:04 am #72650
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
DennesApril 25, 2012 at 8:19 pm #72651
DevinApril 26, 2012 at 1:11 pm #72652
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.
DennesApril 30, 2012 at 4:27 pm #72653
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.May 3, 2012 at 2:14 pm #72654
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.
DennesMay 7, 2012 at 5:53 am #72655
The topic ‘Misalignment when using Tabbed Content in product page’ is closed to new replies.