[frog357]

I am hoping to have my widget content (sidebar) appear first when the page width is small enough to force a single column. Is this request doable?

[Sakin]

@frog357: I don’t understand your question. Can you explain more and also add in your site URL?

[frog357]

I want my sidebar (widgets) to appear first on mobile devices or when the screen size is too small to allow the sidebar to appear on the side. As designed, the sidebar content appears after the main page content regardless if I choose left or right sidebar. I have contact information and maps on my sidebar, when in mobile view I want that to appear first on the page.

There is no URL as I am evaluating this theme to see if it will work. Imagine if you would, I have installed your theme, previewed, and changed to a different theme while I waited to hear from you.

[Sakin]

@frog357: Sorry this option is not there.

[frog357]

I realize the option is not there, I am seeking the answer as to how to make that happen, am I the only person who thinks the sidebar may contain important content such as navigation and we might need it near the top? I’d happily change the template if I had a better understanding of what needed to be changed. I was comfortable with CSS until trying to accomplish this task.

[Sakin]

@frog357: It cannot be done though the css. You need to change the core theme files and then css. So, you need to build child theme and then add the sidebar in your header.php before primary div. and then change the css. So, you might need to consider hiring developer for you.

[frog357]

Are you saying that moving the sidebar to the header with some CSS customizations will allow me to keep the content in the sidebar at full width and then have it appear first when viewed on small screens?

[Sakin]

@frog357: Yes that is only the option that you can do to make the sidebar come first. As in mobile devices, the elements come in ascending order.

[donnasander]

There are some other things you can do, which Sakin is not going to tell you because he only supports his theme (and this is free support section, so he doesn’t even have to support it here at all really)

(1) you can make a mobile version of your site for iphones and tablets…and you can do a simple re-direct with javascript or JQuery on detection of a mobile device screen. You can embed Jquery on a php page like this:

<!– its jquery, so first of all remember to include jQuery –>
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”></script&gt;

<!– Next wrap your code in tags, and execute it when the document is ready –>
<script type=”text/javascript”>
$(document).ready(function(){
if($(window).width() < 480){
window.location = “http://mobile.yoursite.com&quot;
}
});
</script>

(2) There is a PHP mobile-detect class you can use: http://code.google.com/p/php-mobile-detect/
(3)there is a jquery plugin called response you can load in WordPress…
http://responsejs.com/

(4) WordPress also has a rtl support (right to left) which you probably could incorporate but that would require extensive PHP knowledge and coding… But I’m sure there is something out there if you just look around a bit.

(5) you can load a different theme for mobile devices (I like this at a quick glance…take a look for me, LOL ) http://wordpress.org/plugins/wordpress-mobile-pack/

lemme know how it goes…

[Author]

Posts