[Resolved] Move sidebar on tablet

Home Forums Support Move sidebar on tablet

  • This topic has 3 replies, 3 voices, and was last updated 2 months ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1376445
    Olivier

    Hello,

    How do I display the right sidebar on the blog and posts page below the content before the footer on tablet?

    Cordially.

    #1376952
    David
    Staff
    Customer Support

    Hi there,

    is only the Right Sidebar present?
    If so try this CSS:

    @media (min-width: 769px) and (max-width: 1024px) {
        .content-area, .inside-footer-widgets>div, .sidebar {
            float: none;
            width: 100%;
            left: 0;
            right: 0;
        }
    }
    #1377138
    Olivier

    hello David,

    Perfect with this CSS:

    @media (min-width: 769px) and (max-width: 1024px) {
    .sidebar, .content-area {
        float: none;
        width: 100%;
        left: 0;
        right: 0;
        }
    }

    By the way, I would like to point out to you a bug on the Simple CSS plugin, all the CSS inserted which concerns the mobile display or up to 769px are not taken into account, beyond 769px no problem.

    If I put CSS that concerns mobile display in CSS customizer it works perfectly but not in Simple CSS. Could you see the problem please? Let me know if I need to open a new ticket on this.

    Thanks David.

    #1377372
    Leo
    Staff
    Customer Support

    By the way, I would like to point out to you a bug on the Simple CSS plugin, all the CSS inserted which concerns the mobile display or up to 769px are not taken into account, beyond 769px no problem.

    If I put CSS that concerns mobile display in CSS customizer it works perfectly but not in Simple CSS. Could you see the problem please? Let me know if I need to open a new ticket on this.

    It’s like some sort of syntax error in your code – maybe a somewhere it’s missing a closing }

    Simple CSS has been around a long time now and we haven’t experienced this issue.

    You could try checking your CSS with this tool:
    https://jigsaw.w3.org/css-validator/

    If not please do open a new topic.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.