Cross Browser compatibility

• signalwarrant

• July 7, 2016 at 7:58 am

This is my form: http://www.pcscalculator.com/mixed-mode/

If you look at the page in IE and Firefox it looks almost correct. If you look in Chrome the form doesn’t show up at all and it breaks the theme styling.

This is my page template code:

<?php
/**
 *
   Template Name: Mixed-Mode Full Width
 *
 * Description: A page template without the left or right columns
 * @package flat_responsive
 * @since 1.0.0
 */

get_header(); ?>
<?php acf_form_head(); ?>

<?php get_sidebar( 'top' ); ?>
<?php get_sidebar( 'inset-top' ); ?>
<section id="fr-content-area" class="fr-contents" role="main">
    <div class="container">
        <div class="row"> 
        	<div class="col-md-12">   
        <?php while ( have_posts() ) : the_post(); ?>
			  
			<!--- This begins the Calculator Code --->
			  <?php acf_form();?>
			<!--- This ends the Calculator Code --->
			
			<?php get_template_part( 'content', 'page' ); ?>
            <?php endwhile; // end of the loop. ?>
			</div>
		</div>
	</div>
</section>

<?php get_sidebar( 'insetfull' ); ?>
<?php get_sidebar( 'inset-bottom' ); ?>
<?php get_sidebar( 'content-bottom' ); ?>

<?php get_footer(); ?>

Am I doing something wrong here?

• John Huebner

• July 7, 2016 at 9:41 am

Did you get it fixed. The page looks basically the same in all browsers for me.

• signalwarrant

• July 7, 2016 at 10:07 am

Interesting.

This is what I see in Chrome :

This is what I see in IE:

• signalwarrant

• July 7, 2016 at 10:32 am

I just upgraded to the Pro version and it seems to work now. Not sure what the differences are though.