Docs

[acritch]

Hello,

A few months ago I had asked about a fixed sidebar using the Integrity stack and someone gave me a piece of code that worked great at the time:

.x-sidebar.right {
    position: fixed;
    right: 100px;
}

That was until I added a slider to the page. Once I did that the side menu moved way down the page so it was not usable (see screen shot). I have since removed that piece of code and the menu has moved back up directly under the slider. My question now is, how do I get it to stick there so it doesn’t scroll when the page does?

I am using X v4.6.4, Cornerstone V1.3.3, and WP 4.6.1. Credentials and problem page in the next post.

Additional question – I had used this method because I wanted a secondary form of navigation to navigate around the long page. Would Uber Menu be able to provide something similar that is easier to create and maintain? I know it has a TON of capabilities but it has been too intimidating for me to look into yet.

[acritch]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	var slider = $('.x-slider-container.below').height() + 40;
	$(window).scroll(function(){
		if ($(this).scrollTop() > slider) {
			$('aside.x-sidebar.right > div').css({"position": "fixed", "top": "130px", "right": "50px", "width": "25%"});
		} else {
			$('aside.x-sidebar.right > div').css({"position": "relative", "top": "auto", "right": "auto", "width": "auto"});
		}
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[acritch]

That works great!! Thank you!

[Jade]

You’re most welcome.

[Author]

Posts