Support » Theme: Accelerate » 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)
  • You must be logged in to reply to this topic.