WordPress fixed div background Images not loading in iOS? (Chrome / Safari)

[Historical Forums User]

Hello,

I’m in the middle of developing this site and for some reason the images on the left and right of the nav bar seemingly are not loading when viewed on my iPad and iPhone. Maybe they’re just floated way off screen? I haven’t set up mobile styles yet, but right now it seems that these just aren’t loading. The images are dynamically loaded depending on the page the user is on, if that has anything to do with it. Any ideas? Maybe I need a container? The site is set up to be viewed on a monitor as large as 1920x1200px, per client request.

Here’s the home page code:

<?php /* Template Name: Home */ get_header(); ?>

    <main role="main">
        <!-- section -->
        <section>



<div id="navstrip">
<div class="navstrip_container">
<a href="#"><img src="http://www.adj-media.com/test/boot/wp-content/themes/bootandshoetheme/img/bootlogo.png" alt="Boot & Shoe Service" ></a>
<h1><span class="imgreplace"><?php bloginfo( $show ); ?></span></h1>

    <div class="menubox">
        <nav role="navigation">

            <?php wp_nav_menu(array('menu' => 'Main Navigation Menu')); ?>
        </nav>
        </div>
        <div id="business_info">

<?php
$args = array( 'post_type' => 'contact-info', 'posts_per_page' => 1 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();

  the_content();

endwhile; 
wp_reset_query(); ?>

</div><!--close business info-->


        </section>
        <!-- /section -->



        <div id="bg_left" style="background: url('<?php echo get_post_meta($post->ID, "bg_left", true); ?>') 50% 0"/>
        </div>
        <div id="bg_right" style="background: url('<?php echo get_post_meta($post->ID, "bg_right", true); ?>') "/>
    </div>

    </main>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

And here’s some pertinent CSS:

#bg_left{
    width: 18%;
    height: 1200px;
    position: fixed;
    float: left;
    min-width: 208px;


}

#bg_right{
    width: 1920px;
    height: 1200px;
}

[Historical Forums User]

Oops! I just forgot to change some links that were pointing at my local MAMP setup over to the live staging site. Duh.

[Author]

Posts