SIdebar over the footer

Home Forums Gillion Theme SIdebar over the footer

Home Forums Gillion Theme SIdebar over the footer

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    RESOLVED Posts
  • stezelco
    Participant

    Hi, when scroll down, the sidebar goes over the footer.

     

    blog.tecnocasa.es

    TC01

    Attachments:
    You must be logged in to view attached files.

    Hi @stezelco,

     

    I hope you are well today and thanks for posting here.

     

    This is happening because you have made the sidebar sticky on your site so please tell me how you want it to display so that i can help you to achieve it.

     

    Best regards,
    Shufflehound team

    stezelco
    Participant

    I would like that the sidebar vertical slide, stops when it finds a full page element (ie. call to action or footer).

     

     

    see blog.tecnocasa.es

    TC01

    Attachments:
    You must be logged in to view attached files.

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #sidebar .theiaStickySidebar {
        z-index: -1;
    }
    
    #wrapper > .sh-page-layout-default {
        padding-bottom: 0;
    }
    
    section.vc_cta3-container {
        margin-bottom: 0;
    }

    stezelco
    Participant

    Hi, the sidebar does not stop when it find a full time element, it scroll until the end of the pages below the full size call to action and the footer

    No it doesn’t stop as you have made the sidebar sticky that’s why i provided above CSS code to hide it below full width sections.

     

    Use below custom CSS code so that it won’t display between the spaces of full width sections.

     

    #wrapper > .sh-page-layout-default {
        padding-bottom: 0 !important;
    }

    stezelco
    Participant

    Hi and is not possible to reproduce the behaviour of the sidebar in this page? https://gillion.shufflehound.com/2017/01/25/organize-your-work-flow-with-available-tech-and-software/

    It is sticky but it stops when it find a full size element.

    Or, if not possible, how to choose a not sticky sidebar?

     

    thank you

    The sections on the shared pages are different therefore it is displaying like that.

     

    You can disable it using below Custom CSS code.

     

    #sidebar .theiaStickySidebar {
        position: static !important;
    }

    stezelco
    Participant

    Using this code, scroll down, there is a point where the bar moves down and, if scroll more, goes to its position on the top

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Ok then please try using below custom CSS code instead of above.

     

    #sidebar .theiaStickySidebar {
        position: static !important;
        transform: none !important;
    }
    

    stezelco
    Participant

    Thank you, it works

    You are most welcome here 🙂

Viewing 12 posts - 1 through 12 (of 12 total)