[Resolved] To Mobile: Sidebar in front of the content

[Frank]

Hi there.
I would like to try to make the sidebar on the right – only in the mobile version – visible in front of my content. That means – in the dektop variant it should remain on the right as before. Is that possible? To me: 1) My English is awful 2) I can’t program and 3) CSS I’m just getting started. PLEASE please speak to me like a stupid one 😉 I thank you in advance – best regards – frank
((WP Version 5.6 German | GP Version 1.12.3 ))

[David]

Hi there,

can you share a link to your site so i can help 🙂

[Frank]

hre24.de

[David]

Hi there,

you can add this CSS to move the sidebar before the Content:

@media(max-width: 768px) {
    #right-sidebar {
        order: -1;
    }
}

BUT … i notice you are using a Sticky sidebar – which is also applied to Mobile. Can this be disabled for Mobile devices ?

[Frank]

Argh 😉
Sorry David that you took up your time.
By chance (and your good info “Sticky sidebar) I saw the CANVAS at GP … that’s perfect for me … that’s what it says on the “desktop not” at the beginning – and when it is called on mobile – then it is visible via the menu (where I added it to the canvas widget).

Thank you very much for the really super fast help – I wish you and your team a happy Holidays and come in well in 2021.

Greetings from Munich – Frank

[David]

Happy to be of help – Happy Holidays to you too!

[Author]

Posts