badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Elementor Pro makes sidebar sticky

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #78928
    russ28
    Participant

    Hi, I raised this issue in the free theme, but didn’t reach a resolution. I have since bought the Pro version. In elementor, sidebar is fine, in elementor pro sidebar is sticky. I was given some css which didn’t fix the problem. I think the css is wrong. I get partial resolution by posting some of the css onto the post page, rather than global, so I think maybe the selectors are wrong? http://russelll12.sg-host.com/test/

    .widget-area .sticky-wrapper,
    .widget-area .sticky-wrapper.is-sticky {
    	height: auto !important;
    }
    .widget-area .sticky-wrapper .sticky-sidebar,
    .widget-area .sticky-wrapper.is-sticky .sticky-sidebar {
    	width: 100% !important;
    	position: relative !important;
    	top: auto !important;
    }
    #78938

    We have noticed that the code we has been merged with the new one. Ok anyways we are providing the Custom CSS according to the merged code rendered. Please again go to ‘Appearance > Customize > Additional CSS’ and remove the previous provided code and paste the below Custom CSS Code instead.

    .widget-area .sticky-sidebar.sticky-active {
    	height: auto !important;
    	width: 100% !important;
    	position: relative !important;
    	top: auto !important;
    }
    .widget-area .sticky-sidebar.sticky-spacer {
    	display: none !important;
    }

    Let us know if the issue is solved

    Thanks

    #78942
    russ28
    Participant

    Hi. There is still some issues with the new code. It removed sticky effect but pushes the related section and footer down the page and there is some weird juddering when scrolling to the related posts section.

    I have deleted the theme and elementor pro and reset wordpress to see if a plugin had inserted code, so it should have been clean. I then loaded the theme and elementor, elementor pro and no other plugins and the problems was there. I have put in a ticket to elementor pro to see if they can pinpoint any issues.

    Also I see another poster on this forum appears to have had similar problems with the sidebar.

    #78947

    The Sticky script is being affected, it is rendering the duplicate hidden layer beneath, We have updated the second code please copy the updated second code again and paste it as mentioned before.

    Thanks

    #78958
    russ28
    Participant

    That works. Thank you.

    #78968

    Welcome anytime Russ28.

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