LeopardOnTheLoose

Still haven’t found a solution. Somebody with a ton of CSS experience should be able to solve this problem in a matter of seconds.

.home .et-products li { margin: 0; }

Well, if you know a bit about CSS, could you please take a look at https://www.ads-software.com/support/topic/twentytwelve-media-handheld-upsets-responsive-images?replies=3 and see if you know something I don’t.

h1.site-title a {
         background: url('path-to-your-background-here');
}

Try:

<a class="slide-link" href="<?php the_permalink();?>"> <?php the_title();?> </a>

You created an archives.php file but you applied bad CSS styles for the elements in that file and those bad CSS style rules are the reason your archives page looks terrible. Your .date style rules are the problem – they are hiding the content (you can’t see the paragraphs/titles because they are color white and your site has a white background but you can see the links there because they are color RED, etc etc etc). If you know how to use Firebug or a similar extension, untick the .date properties one by one and see the result for yourself otherwise delete the .date styles from your style.css and define new styles to your liking.

Because the “products” (I think you mean the images) don’t have equal width and height dimensions and you’ve floated them. Give equal sizes to all images and they’ll align neatly if floated.

Otherwise provide a link to your site I see if I can help.

No. The styles go to the style.css of your child theme. But erase that “media=all” part.

I’m absolutely sure my @media handheld code works because the other @media handheld styles for header, content, etc are being applied. It’s just the images and I haven’t even applied any styles to them. In fact, I have the same style rules for @media screen and (max-width: 320px) {} and @media handheld and (max-width: 320px) {} and the @media screen shows responsive images but the @media handheld does not. Weird!

Because you uploaded them in different sizes. If you want them all to be the same size, make all of them have the same width and height before uploading to post.

#main {
        padding-top: 0;
}

But if you’re a novice with PHP, you shouldn’t even be looking at the PHP files in the first place.

At the end of your code, just below the right curly bracket, you’ve forgotten to add a line like add_action('init', 'twentytwelve_fonts_url');