[Resolved] Layout/Design of content area to match right menu widget

[Patrik]

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

[David]

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.

[Patrik]

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 🙂

[David]

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 ?

[Patrik]

#KING
Many thanks 🙂

[David]

Glad to be of help

[Patrik]

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 🙂

[David]

Is it working in Chrome ? ( looks fine across my browsers ).

[Author]

Posts