-
AuthorPosts
-
January 20, 2015 at 3:08 am #382232
Hi,
Something strange has happened to the layout of the TABS on our page …
Screenshot: http://i.imgur.com/3XHynjf.png
The tabs should be along the top, but only the first tab is showing – the other 3 is on the bottom.
It might also be to do with one of the recent theme updates, because this page was working as expected before.
Any idea why is this happening?
Thanks!
January 20, 2015 at 3:34 am #382240I’m using Javascript code of the Ontraport
January 21, 2015 at 5:31 pm #383154Hey!
It seems to be working fine on my end. Did you get this sorted?
Cheers!
ElliottJanuary 25, 2015 at 3:57 pm #385110Hi Elliot,
Thanks for replying back!
I used iFrame for that. The issue is still there, when I put Javascript code on the tabs content, only the first tab is showing and the other tabs is showing on the bottom.
I created another page with javascript on the tab content: http://www.podiatryhive.com/sample-tabs-issue/
Please check
Thanks
January 26, 2015 at 9:07 pm #385832Hey!
What javascript code are you using? Paste it here so we can check.
Also, I noticed your getting two javascript errors which appear to be coming from plugins so be sure to deactivate all plugins while testing.
Best regards,
ElliottJanuary 27, 2015 at 8:08 am #386020Hi Elliot,
Here’s the code I want to use:
<link type="text/css" rel="stylesheet" href="https://forms.moon-ray.com/v2.4/include/minify/?g=moonrayCSS" /> <link type="text/css" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> <script type="text/javascript" src="https://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> <script type="text/javascript" src="https://forms.moon-ray.com/v2.4/include/minify/?g=moonrayJS"></script> <script type="text/javascript" src="https://forms.moon-ray.com/v2.4/include/minify/?g=moonrayJSCart"></script> <script type="text/javascript">// <![CDATA[ (function($){ $(document).bind('ready.moonray_order_form_jb_711',function(){ $("div.jb_711 form").moonrayOrderForm({ timeZoneOffset:0, products:{"82":{"chargedToday":325,"chargedLater":[],"delayDate":false,"taxable":false,"shippable":false,"hasPaymentPlans":false}} }); }); })(jQuery); // ]]></script><script type="text/javascript" src="https://www1.moon-ray.com/v2.4/analytics/genf.php?f=p2c14298f176"></script>
It’s from Ontraport order form.
January 27, 2015 at 10:23 pm #386647Hey!
Try this instead.
<link type="text/css" rel="stylesheet" href="https://forms.moon-ray.com/v2.4/include/minify/?g=moonrayCSS" /> <link type="text/css" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" /> <script type="text/javascript" src="https://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> <script type="text/javascript" src="https://forms.moon-ray.com/v2.4/include/minify/?g=moonrayJS"></script> <script type="text/javascript" src="https://forms.moon-ray.com/v2.4/include/minify/?g=moonrayJSCart"></script> <script type="text/javascript">// <![CDATA[ (function($){ jQuery(document).bind('ready.moonray_order_form_jb_711',function(){ jQuery("div.jb_711 form").moonrayOrderForm({ timeZoneOffset:0, products:{"82":{"chargedToday":325,"chargedLater":[],"delayDate":false,"taxable":false,"shippable":false,"hasPaymentPlans":false}} }); }); })(jQuery); // ]]></script><script type="text/javascript" src="https://www1.moon-ray.com/v2.4/analytics/genf.php?f=p2c14298f176"></script>
And be sure all plugins are deactivated.
Regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.