My main website is Kidstablet (dawt) com.
I am using a responsive theme - but the right hand column doesn't appear on the cell phone screen.
you are using TwentyTwelve WP theme
your right sidebar does appear on any device screen but when screen width is less than 600px the container thanks to @media queries in theme's css loses it width/float properties (see .site-content and .widget-area classes in style.css)
if you simply add property values (see below) that are used for 600px+ that would yield two very narrow ugly columns on any screen incl iphones.. that's probably a bad idea
but if you are happy with it search for / *Page structure */ in your style.css and add the below declarations to .site-content and .widget-area appropriately
Code:
.site-content {
float: left;
width: 65.104166667%;
}
.widget-area {
float: right;
width: 26.041666667%;
}
what i would do is bring right sidebar up so it renders on top of a page right below header/menu above main content ..so it'd visible but would take some of main content space
i do not remember if TwentyTwelve supports left hand bar. if yes just switch your right side bar to be on the left
if not you'll need to edit all template files in wp-content/themes/twentytwelve/ which include <?php get_sidebar(); ?>
page.php
index.php
archive.php
search.php
/check the rest too/
and front-page.php in wp-content/themes/twentytwelve/
in all those files find and copy
,
comment it out (double slashes)
PHP:
<?php //get_sidebar(); ?>
and paste it right before
PHP:
<div id="primary" class="site-content">
( next to
)
that should move your right side bar to the top of the page under the header.
on 600px+ screens everything is supposed to keep unchanged - check twice
if something goes wrong simply comment out <?php get_sidebar(); ?> at the top of template and uncomment it at the bottom in each template file you edited
you may want to try only one template first - e.g. index.php to see if it works properly, then edit others
*
