Tag Archives: left sidebar

Left Sidebar in Twenty Thirteen Theme – Puzzle Solved !

Here is the step by step process to make the left Sidebar in Twenty Thirteen Puzzle !!

1) Edit  sidebar.php and add the highlighted red part:

<?php
if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
	<div id="tertiary" class="sidebar-container" role="complementary">
		<div class="sidebar-inner">
			<div class="widget-area">
				<?php dynamic_sidebar( 'sidebar-2' ); ?>
			</div><!-- .widget-area -->
		</div><!-- .sidebar-inner -->
	</div><!-- #tertiary -->
<?php endif; ?>

<?php
if ( is_active_sidebar( 'sidebar-3' ) ) : ?>
 <div id="tertiary" class="sidebar-container" role="supplementary">
 <div class="sidebar-inner">
 <div class="widget-area1">
 <?php dynamic_sidebar( 'sidebar-3' ); ?>
 </div><!-- .widget-area -->
 </div><!-- .sidebar-inner -->
 </div><!-- #tertiary -->
<?php endif; ?>

2) Edit style.css and add the highlighted red part:

/**
 * 6.0 Sidebar
 * -----------
 */

.site-main .widget-area {
 float: right;
 width: 300px;

.site-main .widget-area1 {
float: left;
width: 150px;
}

 

Thats it !! Enjoy !