Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #738415

    Hi,

    On the linked page, I would like to have a right sidebar but then also have a 1/1 full width column to take up the remaining space on the page. Is this possible?

    I found some code on another post that allowed me to make my colour sections full width using class ID attribute but the colour section then knocks the sidebar further down the page and it doesn’t look right. The content in the sidebar is also too big to be incorporated in to the colour section as it then leaves a large whitespace before the next row.

    If that makes sense?

    I have left the page with the sidebar enabled and the fullwidth colour sections shown to hopefully demonstrate what I mean above.

    Hope you can help.

    Thanks
    Emma

    #740145

    Hey Emma,

    I just checked your site and it seems that the 3/4 for main content and 1/4 for sidebar works well. If you still want to have that column that will take up the remaining space of the page while having a sidebar (which should be fixed width), it is also possible, we can still use the same setup as now with 3/4 and 1/4 but Custom CSS Classes should be enabled so we can work it with some css tweaks, check it here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    Add a class for 3/4 for example my-custom-content and for the 1/4 my-custom-sidebar, also add an id to the section for example my-custom-section and add this css code in Quick CSS (located in Enfold > General Styling):

    #my-custom-section .container {
        width: 100% !important;
        padding: 0;
        position: relative;
    }
    
    #my-custom-section .my-custom-content.av_three_fourth {
        box-sizing: border-box;
        width: 100%;
        padding-right: 300px;
    }
    
    #fullwidthsection .my-custom-sidebar.av_one_fourth {
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
    }

    This is assuming that the width of sidebar is 300px. Just adjust the code as you see fit. Hope this helps. :)

    Best regards,
    Nikko

    #741499

    Hi Nikko,

    Thanks for the additional code. I’m going to probably leave things as they are for now as it does seem to be working out okay for this site but I do appreciate the response. Thank you.

    #742175

    Hi,

    Ok, thanks for the feedback. We’ll leave the thread open in case you should need any further help on the topic.

    Best regards,
    Rikard

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