zeaks

Using @media screen and (min-width: 600px) around my menu modifications seems to work perfect. Thanks again for the idea.

Scratch that, it’s not working.

This is what I have in functions

function conditional_sidebar_body_class( $classes ) {

	if ( ! is_active_sidebar( 'sidebar-4' ) && ! is_active_sidebar( 'sidebar-5' ) )
		$classes[] = 'full-width';
	return $classes;
}
add_filter( 'body_class', 'conditional_sidebar_body_class' );

And this is my sidebar.php

<?php if ( is_active_sidebar( 'sidebar-4' ) ) : ?>
		<div id="secondary" class="widget-area" role="complementary">
			<?php dynamic_sidebar( 'sidebar-4' ); ?>
		</div><!-- #secondary -->
	<?php endif; ?>

	<?php if ( is_active_sidebar( 'sidebar-5' ) ) : ?>
		<div id="extra-sidebar" class="widget-area" role="complementary">
			<?php dynamic_sidebar( 'sidebar-5' ); ?>
		</div><!-- .extra-sidebar .widget-area -->
	<?php endif; ?>

What am I doing wrong?

I tried with new id’s sidebar-7 being the “main sidebar”. The first problem I ran into was the main sidebar is pushed down under the content.

I’m guessing it’s got something to do with the content width conditional. If sidebar-1 isn’t active it’ll use the full-width body class to display a 1 column layout.

I changed the id in sidebar.php to sidebar-7 then I added to functions.php

function conditional_sidebar_body_class( $classes ) {
	if ( is_active_sidebar( 'sidebar-7' ) )
		$classes[] = 'full-width';
	return $classes;
}
add_filter( 'body_class', 'conditional_sidebar_body_class' );

But the sidebar still stays below the content.

Any ideas?

Wow nevermind, I think I’ve been staring at this for too long, it does work.
I had been playing around with the posts formats and had them all set as links and quotes, everything but what I had excluded.

Thanks for the help

This is working now, I’ll post what I did in case anyone else needs it. Above the query in the page template I added

global $paged, $wp_query, $wp;
$args = wp_parse_args($wp->matched_query);
if ( !empty ( $args['paged'] ) ) {
	$wp_query->set('paged', $args['paged']);
	$paged = $args['paged'];
}

ah, you’re right, it is the padding. Is there any way for it to take into consideration the 10px padding around the image without making the div wider?