How can I make my site displayed vertical screen same as Horizontal screen

Hi there,

i don't understand what you're trying to achieve.

Maybe a screenshot of how it looks and how you want it to look would help.

I mean how to keep the same width of sitecontainer on iPad screen both rotations?

Thank you

Hi there,

So just to confirm, you want the sidebar to remain next to the content on portrait tablet screens, but still drop down below the content on mobile?

Let us know :)

Yes, That 's what I really mean.

Give this CSS a shot:

@media (max-width: 768px) and (min-width: 700px) {
    .content-area, .sidebar {
        float: left;
    }

    .content-area.grid-80 {
        width: 80%;
    }

    .sidebar.grid-20 {
        width: 20%;
    }

    .one-container.right-sidebar .site-main {
        margin-right: 41px !important;
    }
}

HI, Tom

Thank you so much. it works really well

You're welcome :)