Archived topic
content-area full height ?
11 replies · Started by Eaydman on August 3, 2020
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