[Resolved] Sticky sidebar conflict with Elementor

Home Forums Support [Resolved] Sticky sidebar conflict with Elementor

Home Forums Support Sticky sidebar conflict with Elementor

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

    Hi,

    I’m using the CSS below for the floating sidebar but it’s a conflicting Elementor page builder.
    (https://abtesters.com/new-home/)

    The Page has no sidebar but It makes space in right.


    @media
    (min-width: 769px) {
    .site-content {
    display: flex;
    }
    .inside-right-sidebar {
    height: 100%;
    }
    .inside-right-sidebar aside:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    /* Adjust to suit position */
    }
    }

    #1994711
    David
    Staff
    Customer Support

    Hi there,

    edit that page in the WP Editor and set the Sidebar to Content / No Sidebar:

    https://docs.generatepress.com/article/layout-metabox-overview/

    Then change this CSS:

    .site-content {
        display: flex;
    }

    to:

    .right-sidebar .site-content {
        display: flex;
    }
    #1994942
    Sabbir

    wow, It’s working nicely

    #1994950
    David
    Staff
    Customer Support

    Glad to hear that!

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