footer won't auto fit to page width on iPad

sealyspeak
(@sealyspeak)

11 years, 7 months ago

Morning world!
I just need to ask how would I add a 1000px solid graphic footer (it has map HTML links on it which work fine) into a child theme footer that will resize to page width when shown on an iPad?

I have added it to a child footer.php file and it works fine on computer screens, but I am not sure how to get the CSS code to react to the page width on iPad.

I am trying to get a fluid div that auto fits to page width, but can not figure this out? On the iPad the side bar auto fits under the page content.

Link is http://www.greenhat-test.co.uk

Many thanks

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter

sealyspeak

(@sealyspeak)

11 years, 7 months ago

Sorry, code I am using:

in CSS:

#footer{
	display: inline-block;
	clear: all;
}

in footer.php:

<footer id="colophon" role="contentinfo">

			<?php
				/* A sidebar in the footer? Yep. You can can customize
				 * your footer with three columns of widgets.
				 */
				if ( ! is_404() )
					get_sidebar( 'footer' );
			?>
            <div id="footer"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/footer.gif" border="0" usemap="#Map2" />
              <map name="Map2" id="Map2">
                <area shape="rect" coords="70,72,238,128" href="http://www.bris.ac.uk/" target="_blank" />
                <area shape="rect" coords="419,60,589,133" href="http://www.bath.ac.uk/" target="_blank" />
                <area shape="rect" coords="751,63,915,136" href="http://www.uwe.ac.uk/" target="_blank" />
              </map>
            </div>

	</footer><!-- #colophon -->
</div><!-- #page -->