Site logo

Archived topic

content-area full height ?

11 replies · Started by Eaydman on August 3, 2020

Viewing posts 1–12 of 12

Hi,

My sidebar is often bigger then my blogpost.

See screenshot: https://share.getcloudapp.com/xQuLeQD6

Is it possible somehow to make the content-area and sidebar equal heights ?

Hi there,

can you share a link to your site ? You can do so privately by editing the original topic and using the Site URL field.

I have edit the Site url.

But i have made a quick fix by adding this:

body.single-post {
background: -webkit-gradient(linear, left top, right top, color-stop(26.5%, #efefef), color-stop(26.5%, white));
background: linear-gradient(90deg, #efefef 26.5%, white 26.5%);
}

But have you a better way ?

Where can i see that test post ?

Check the post topic URL :)

For me that URL - the content is as long as the sidebar and theres the comments container in addition to that.

Yes because I added that body.single-post background color.

Is im looking for a way of making content-area and sidebar equal height

Hi there,

Give this a shot:

@media (min-width: 769px) {
    .site-content {
        display: flex;
    }
}

No it does not work when I add:
@media (min-width: 769px) {
.site-content {
display: flex;
}
}

Try this CSS:

@media(min-width: 768px) {
    .site-content, .site-main {
        display: flex;
        height: 100%;
    }
    .site-main .inside-article {
        height: calc( 100% - 65px );
    }
}

Thanks that works :)

You're welcome

This archived topic is closed to new replies.