WordPress.org

1. bill127300
   Member
   Posted 11 months ago #

   I've tried a bunch of the optimize for mobile device plugins and they all just drop the sidebar entirely. I need visitors to have access to the sidebar. Does anyone know of a plugin that takes the sidebar and drops it below the main content when a mobile device visits?

2. Peter vanDoorn
   Member
   Posted 11 months ago #

   You can use conditional media queries in CSS to achieve this.

   For your main sidebar definition, add this:

   @media screen and (min-width: 481px) {
   .sidebar { width: 300px; float: right; } /* this will be different for yours! */
   }

   and then after that add this:

   @media screen and (min-width: 321px) and (max-width: 480px) {
   .sidebar { width: 100%; clear: both; }
   }

   You may need to play with the min- & max-width values for what works best for you.

   Hope that helps

   Peter

Reply

You must log in to post.