Archived topic

Exact size of sidebar with flexbox

2 replies · Started by Diogenes on October 21, 2020

Viewing posts 1–3 of 3

October 21, 2020 at 2:04 pm #1498977

Hi.

In the previous version of generatepress I had made my right sidebar exactly 390px with this CSS:

@media (min-width: 1025px) {
.sidebar.grid-30 {
    width: 390px;
}
.right-sidebar .content-area.grid-70 {
    width: calc(100% - 390px);
}
}

With flexbox what would be the CSS?

Thanks in advance.

October 21, 2020 at 2:25 pm #1498990

I got the solution, I'll leave it here in case someone is interested:

@media (min-width: 1025px) {
.is-right-sidebar {
    width: 390px;
}
.site-content .content-area {
    width: calc(100% - 390px);
}
}

Greetings.

October 21, 2020 at 2:38 pm #1498996

Thank you for sharing this.

Have a great day. :)

This archived topic is closed to new replies.