“min-device-width” did not work.

functions.php in adventure-child:

if ( get_theme_mod(‘title_size_setting’) != ‘4.0’ ) echo ‘    @media only screen and (min-width: 361px) {.header h1 {font-size:’ . get_theme_mod(‘title_size_setting’) . ‘em;}}’ . “\n”;
worked O.K.

<?php if (strpos($_SERVER[‘HTTP_USER_AGENT’],”MSIE 8″)) {
header(“X-UA-Compatible: IE=8”);} ?>

This will make IE8 fix to standard IE8 display mode.

1. migrate database from japantourguide.lolipop.jp.

2. FFFTP uploads.

3. FFFTP adventure-child.

Firefox: everything fine.

IE8: content background and sidebar background O.K.  Footers O.K.

header: arrangement no good.  Fixing is O.K.

content: CR generates extra blank lines.

wordpress version 3.7.4.

4. Commentout extra in functions.php.

<?php /*if (strpos($_SERVER[‘HTTP_USER_AGENT’],”MSIE 8″)) {
header(“X-UA-Compatible: IE=7”);} */?> .

(Note that IE enhancer plugin is not introduced)

Almost resemblance of IE8 to Firefox.

The difference or defect:

content has no left margin. Sidebar has no right margin.

Font size looks larger.

.header {
background:bottom url(images/green.png);
border-top:solid 1px #1c1c1c;
border-bottom:solid 1px #1c1c1c;
box-shadow:0 0 1.2em #111;
left:20em;                                /* 20140526 K.N.*/
margin:5em 0 0;                    /* 20140526 K.N.*/
/*    padding:.6em auto 0;*/
padding:.6em 0 0;                /* 20140709 K.N.*//*to remedy validation error*/
position:absolute;
text-align:center;
top:0;
width:60%;                            /*20140725*//* 20140526 K.N.*//*this is convenient to accomodate many items in the menu */
z-index:100;}

.header {
background:bottom url(images/purple.png);
border-top:solid 1px #1c1c1c;
border-bottom:solid 1px #1c1c1c;
box-shadow:0 0 1.2em #111;
left:0;
margin:1.2em 0 0;
padding:.6em 0 0;            /* originally :.6em auto 0 ; makes css validation error, but correction does not seem to change anything */
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:100;}

In header.php;

<h1 id=”fittext”><a href=”<?php echo home_url(); ?>/”><?php bloginfo(‘name’); ?></a><i><?php /* bloginfo(‘description’)*/;?></i></h1>

wrapping the above by <li> & </li> will remove the validation error but does not seem to affect IE8 ill performance.

Moreover this may mess up the display of header!!!

You have to disregard the css3 validation error if you want to take care of IE8.

<?php if ( has_nav_menu( ‘bar’ ) ) :  wp_nav_menu( array( ‘theme_location’ => ‘bar’, ‘container’=>’false’,’items_wrap’ => ‘%3$s’,’depth’ => 2 ) ); else : ?>
<?php wp_list_pages( ‘title_li=&depth=2’ ); ?>
<?php endif; ?>

This modification removes CSS3 validation error , but does not seem to affect the IE8 performance.

http://wordpress.org/support/topic/277663

テーマファイルのhead.php内にある</head>の直前に「<?php wp_head(); ?>」を、footer.php内にある</body>の直前に「<?php wp_footer(); ?>」が入っているか確認すること

$args = array( 'post_type' => 'product', 'posts_per_page' => 10 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();
	the_title();
	echo '<div>';
	the_content();
	echo '</div>';
endwhile;

can only contain      li