[Support request] Not responsive on a phone

[John]

I’m building a website with : left sidebar, main and a right sidebar. What i want to is when i open the website on a phone i see main and the right sidebar besides each other. The left sidebar may be shown underneath all. Is this possible to do with GP and how?
The website is http://www.sliedrecht24.nl

The website is not made with GP right now, but willing to in the near future.

Like to hear, kind regards

[Tom]

Hi John,

Try this CSS: https://gist.github.com/generatepress/6c04c608d24b7c036303

Then if you need the left sidebar below, try this:

@media (max-width: 768px) {
    #left-sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }
}

[John]

Hi Tom

Unfortunately this doesn’t. Is there a better solution in the meantime?

Kind regards
John Kieffer

[Tom]

The code didn’t do anything at all? Can you link me to the page with the CSS added?

[Author]

Posts