Pages are not full width

Pinbin
1

Hi there,

I was hoping you could help me with the width of my pages. They are not filling the width of the screen.

The white area makes up the first half of the screen, the rest is just the background.

I would be grateful for any advise.

Many thanks!

2

This is expected behavior for this theme. To change it you will have to change many thing and I don’t think it is worth it.

You would have to:

  • Redefine content width
  • Increase featured image size and regenerate them entirely
  • Change responsive layout for all screen sizes starting from desktop all way down to mobile.
  • Other tweaks and customizations

Basically you would have to create a new theme.

3

eEeek, yeah I think maybe not worth it.

I was planning on adding a sidebar for a calendar in that space… I don’t suppose that would make it any easier… (?)

4

Adding sidebar would be much easier.

  1. First of all you have register sidebar widgets. You can take this example how footer widgets are registered to this theme and adopt it for sidebar
function pinbin_widgets_init() {
     //setup footer widget area
	register_sidebar(array(
    		'name' => 'Footer',
    		'id'   => 'pinbin_footer',
    		'description'   => 'Footer Widget Area',
    		'before_widget' => '<div id="%1$s" class="widget %2$s"><div class="widget-copy">',
    		'after_widget'  => '</div></div>',
    		'before_title'  => '<h3>',
    		'after_title'   => '</h3>'
    	)
	);
}
add_action( 'widgets_init', 'pinbin_widgets_init' );

  1. Now you will have to create sidebar.php since there is no such file for this theme. You can take an idea from other our themes that has sidebar enabled. Here is one example from Unite: Unite-Theme/sidebar.php at master · puikinsh/Unite-Theme · GitHub

  2. Later you will have to add get_sidebar function to single.php or other template files where you would like sidebar to be displayed.

<?php get_sidebar(); ?>

This might be a bit time consuming but it is matter of copy/pasting the right things.