Sidebar above content on mobile

  • The right sidebar shows paid content and works well in desktop view, but in mobile view the page content is displayed above the paid content.

    I want the sidebar to show first in mobile view. Is there an easy way to do this in the CSS using media queries?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @webcraftuk,
    Please add this CSS inside Customize > Additional CSS:

    @media screen and (max-width: 767px) {
    #main .inner-wrap {
        display: flex;
        flex-direction: column;
    }
    #secondary {
        order: 1;
    }
    #primary {
        order: 2;
    }
}

    I hope this works for you. Thanks.

Viewing 1 replies (of 1 total)
  • The topic ‘Sidebar above content on mobile’ is closed to new replies.