Archived topic
Layout/Design of content area to match right menu widget
7 replies · Started by Patrik on February 12, 2020
Hi,
Hope youre well!
Since im going to have "less" information on some pages, the "content" area is smaller than the right menu widget.
That leads to a gap between content and footer widget.
Sometimes the context area of course is bigger in example opening archives for posts.
My question,
Is there any CSS "line" to "MINIMUM/AT LEAST" match the height of content area to RIGHT MENU WIDGET
Many thanks,
Patrik
Hi there,
short answer: yes - with some CSS like this:
@media(min-width: 769px) {
.right-sidebar .site-content {
display: flex;
}
.right-sidebar .site-main {
/* Force 100% height minus separating margin */
height: calc( 100% - 40px );
}
.right-sidebar.separate-containers .site-main .inside-article {
/* inner containment to fill height */
min-height: calc( 100% - 80px );
}
.right-sidebar.single .post {
/* Force single post container */
height: 100%;
}
}Slightly longer answer: Yes but it may cause issues - so check all pages and archives carefully.
Hi David,
Thanks for quick responses!
Added this in the additional css but nothing happens to page "institut" for example.
Its no stress with this and thanks for your time :)
Looks like it is working to me ?
I went to the first post as most of the pages are not found.
Maybe browser cache needs clearing ?
#KING
Many thanks :)
Glad to be of help
Hi David,
When i cleared cache and try my website in Edge and Firefox, this script seemed to stopped working?
Ive opened the full page for view.
When someone in your team have a minute, would be thankful if someone can check this out.
Many thanks :)
Is it working in Chrome ? ( looks fine across my browsers ).
