Show both sidebars under posts on mobile

  • islandtidbits

    (@islandtidbits)


    6 months ago

    Hello, I am trying to show both sidebars on mobile. Right now, only the primary shows. I found the following code online.

    #sidebar-primary { order: 1; } #main { order: 2; } #sidebar-secondary { order: 3; }

    That code did add both sidebars under the content on mobile, but it moved both to the right of the content on the desktop version, which I do not want. I would like it to be sidebar-content-sidebar on desktop, and content-sidebar-sidebar on mobile. Is this possible?

    Thanks!

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

Viewing 1 replies (of 1 total)

  • Hi @islandtidbits

    We are sorry for the late reply.
    To reorder content on page with sidebar left and sidebar right we can try with this css:
    @media screen and (max-width: 1024px) {
    .sidebar-content-sidebar #sidebar-secondary {
    display:block;
    }
    }
    @media screen and (max-width: 768px) {
    .sidebar-content-sidebar #main {
    order: 2;
    }
    .sidebar-content-sidebar #sidebar-primary{
    order: 1;
    }
    .sidebar-content-sidebar #sidebar-secondary {
    display:block;
    order: 3;
    }
    }

    So I strongly recommend you find a WordPress developer that can help you do this or any customization.

    Please contact us here to get quick support:

    https://pressmaximum.com/contact/

    Thank you!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.