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

Home Forums Support Layout/Design of content area to match right menu widget

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1162599
    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

    #1163036
    David
    Staff
    Customer Support

    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.

    #1163304
    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 🙂

    #1163333
    David
    Staff
    Customer Support

    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 ?

    #1164553
    Patrik

    #KING
    Many thanks 🙂

    #1164987
    David
    Staff
    Customer Support
    #1167176
    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 🙂

    #1167357
    David
    Staff
    Customer Support

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.