Placing sidebar to right of content ipad portrait view – Lifestyle Pro

[Elaine Griffin]

Hello,
I have a client who would like her sidebar to display to the right of the content on ipad portrait, rather than under the content. I think it's a bad idea, but she is insisting. Problem is I can't figure out how to do it! Can anyone help?
Thanks!
Elaine

http://www.thelitkitchen.com

[nerdworker]

Hi Elaine,

This can be achieved through media queries in your CSS, which dictate the responsive breakpoints.

You would target the size of a portrait iPad (which is 768x1024), then alter the width of the content and sidebar.

Something like this:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  .content {
    width: X%;
  }
  .sidebar {
    width: X%;
}

I hope that points you in the right direction.

Regards,

Stefanie
nerdworker.com

[Author]

Posts